Html笔记(五)表格

表格标签: <table>

组成:

标题标签: <caption>给表格提供标题。

表头标签: <th> ,一般对表格的第一行或者第一列进行格式化,就是粗体显示,并不常用。

行标签: <tr>

单元格标签: <td>  ,加载行标签的里面,可以简单理解为,先有行,再在行中加入单元格。

格式:

1 <table border="10" width="40%"> 2 <!--width值为百分比可以让表格的宽度随浏览器窗口的大小变化--> 3 <caption>表格标题</caption> 4 <tbody><!--为表格分体--> 5 <tr><!--第一行--> 6 <th colspan="2">姓名</th> 7 <th>年龄</th> 8 </tr> 9 </tbody> 10 <tbody> 11 <tr align="center"><!--第二行--> 12 <td>张三</td> 13 <td>李四</td> 14 </tr> 15 </tbody> 16 </table> 17

效果:

table

属性:

<table>

cellpadding:规定单元边沿与其内容之间的空白。

cellspacing:规定单元格之间的空白。

<td>

rowspan:规定单元格可以横跨的行数。

colspan:规定单元格可以横跨的列数。

注:

table标签中默认都有一个tbody标签 thead、tbody、tfoot

浏览页面时,浏览器解析由table标签封装的页面数据时,读到</table>表格结束标记才会显示数据,若封装页面数据的表格很大,没读到结束标记就不显示任何数据,用户体验不佳,所以将表格分为多个部分,读一个</tbody>就显示一部分。用tbody将表格分体

posted @ 2013-10-13 11:45  ShawnWithSmallEyes  阅读(193)  评论(0编辑  收藏  举报