HTML【详解】表格 table 标签（table的属性，语义化表格，简易表格，合并单元格）
warning:
这篇文章距离上次修改已过189天，其中的内容可能已经有所变动。
HTML中的<table>标签用于创建表格。表格通常由行（<tr>）组成，每行包含单元格（<td>）或表头单元格（<th>）。
表格属性
border：定义表格边框的宽度。cellpadding：定义单元格内容与单元格边界的距离。cellspacing：定义单元格之间的距离。width和height：定义表格的宽度和高度。
语义化表格
HTML5推荐使用<thead>、<tbody>、<tfoot>分别代表表格的头部、主体和脚部。
简易表格
<table>
<tr>
<td>Row 1, Cell 1</td>
<td>Row 1, Cell 2</td>
</tr>
<tr>
<td>Row 2, Cell 1</td>
<td>Row 2, Cell 2</td>
</tr>
</table>合并单元格
使用rowspan合并同一行的单元格，使用colspan合并同一列的单元格。
合并单元格示例
<table border="1">
<tr>
<td>1</td>
<td rowspan="2">2-3</td>
<td colspan="2">4-5</td>
</tr>
<tr>
<td>6</td>
<td>7</td>
</tr>
</table>在这个例子中，第一行的第二个单元格跨越2行，第二行的第二个单元格跨越2列。
评论已关闭