HTML5基础—常用标签（六）表格

1.表格的基本结构

基本语法：

<table>

<caption>表的标题</caption>

<tr>

    <th>列标题</th>

</tr>

<tr>

    <td>单元格</td>

</tr>

</table>

2.表格边框属性border

<table border="属性值">,在HTML5中，属性值只有0和1，默认是0（无边框）

3.单元格还可以插入图片

<table>

<tr>

<td><img src="url"></td>

</tr>

</table>

4.合并单元格

跨列属性：colspan  <td colspan="#">  #代表跨列的个数

跨行属性：rowspan <td rowspan="#">  #代表跨行的个数

5.表格嵌套

嵌套最好不超过三层，并且内层要嵌套在外层的<td>...</td>中

6.表格的按行分组显示

出现的顺序依次是<thead>、<tfoot>、<tbody>

<thead>用于对表头内容的分组，<tfoot>用于对页脚的标记，<tbody>用于对中间数据内容分组

在显示的时候，总会按照<thead>、<tbody>、<tfoot>的顺序显示表格，与写的顺序无关