表格由<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 | 毕结业结论 | 毕业 |