html表格

表格由<table>来定义，其中表格有若干行，用<tr>来表示，行又分为若干单元格，用<td>来表示。

<table>的属性有：width宽度，height高度，border边框，cellpadding边距，cellspacing间距，align水平方向

<tr>的属性有：height高度，width宽度

<td>、<th>(表头)的属性有：height高度，align水平方向，valign垂直方向，bgcolor背景颜色

合并单元格：colspan水平合并（向右合并），rowspan垂直合并（向下合并）

表格标题：<caption>

例如：

 1         <table>
 2             <caption>学生信息表</caption>
 3             <tr>
 4                 <th>学生编号</th>
 5                 <th>姓名</th>
 6                 <th>性别</th>
 7                 <th>年龄</th>
 8             </tr>
 9             <tr>
10                 <td>1001</td>
11                 <td>张三</td>
12                 <td>男</td>
13                 <td>12</td>
14             </tr>
15             <tr>
16                 <td>1002</td>
17                 <td>李四</td>
18                 <td>女</td>
19                 <td>23</td>
20             </tr>
21             <tr>
22                 <td>1003</td>
23                 <td>王五</td>
24                 <td>女</td>
25                 <td>45</td>
26             </tr>
27         </table>
代码实例

效果展示：

学生信息表
学生编号姓名性别年龄
1001 张三 男 12
1002 李四 女 23
1003 王五 女 45

 

 1         <table border="1" cellpadding="0" cellspacing="0">
 2             <caption><b>中国高等教育学历查询结果</b></caption>
 3             <tr>
 4                 <td><b>姓名</b></td>
 5                 <td colspan="3">孙元升</td>
 6                 <td rowspan="4">
 7                     <img src="../0901/timg.jpg" width="100"/>
 8                 </td>
 9             </tr>
10             <tr>
11                 <td><b>性别</b></td>
12                 <td>男</td>
13                 <td><b>出生日期</b></td>
14                 <td>1983年6月13日</td>
15             </tr>
16             <tr>
17                 <td><b>入学时间</b></td>
18                 <td>2009年9月1日</td>
19                 <td><b>毕业时间</b></td>
20                 <td>2006年7月1日</td>
21             </tr>
22             <tr>
23                 <td><b>学历类型</b></td>
24                 <td>普通</td>
25                 <td><b>学历层次</b></td>
26                 <td>本科</td>
27             </tr>
28             <tr>
29                 <td><b>毕业院校</b></td>
30                 <td colspan="2">景德镇陶瓷学院</td>
31                 <td><b>院校所在地</b></td>
32                 <td>江西省</td>
33             </tr>
34             <tr>
35                 <td><b>专业名称</b></td>
36                 <td colspan="2">工业设计</td>
37                 <td><b>学习形式</b></td>
38                 <td>普通全日制</td>
39             </tr>
40             <tr>
41                 <td><b>证书编号</b></td>
42                 <td colspan="2">104081200605001661</td>
43                 <td><b>毕结业结论</b></td>
44                 <td>毕业</td>
45             </tr>
46         </table>
代码练习

效果展示：

中国高等教育学历查询结果
姓名 孙元升
性别 男 出生日期 1983年6月13日
入学时间 2009年9月1日 毕业时间 2006年7月1日
学历类型 普通 学历层次 本科
毕业院校 景德镇陶瓷学院 院校所在地 江西省
专业名称 工业设计 学习形式 普通全日制
证书编号 104081200605001661 毕结业结论 毕业
posted @ 2018-09-09 19:16  梁栋  阅读(140)  评论(0)  编辑  收藏  举报