Html笔记(五)表格

表格标签： <table>

组成：

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

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

行标签： <tr>

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

格式：

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

效果:





属性：

<table>

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

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

<td>

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

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

注：

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