HTML5——6 table标签

table 标签是HTML的表格标签,可以设置横行竖列的表格。

涉及的主要标签有 tr td th rowspan colspan

tr为表格设置行数

td 为表格设置列数

th可以设置表格头部,自动居中且字体加粗

rowspan="n"和colspan="n" 则自动合并行、列的n个表格

注意:合并后将多余的tr、td删除

还有thead tbody tfoot 这三种主要是为设置样式简单将表格分组了。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>table表格</title>
</head>
<body>
<table>
<tr>
<!-- 合并3行 -->
<td rowspan="3">第一行第一列</td>
<td>第一行第二列</td>
<td>第一行第三列</td>
</tr>
<tr>
<!-- 将合并行去掉-->
<!-- <td>第二行第一列</td> -->
<td>第二行第一列</td>
<td>第二行第一列</td>
</tr>
<tr>
<!-- 将合并行去掉-->
<!--<td>第三行第一列</td> -->
<td>第三行第二列</td>
<td>第三行第三列</td>
</tr>
<tr>
<!-- 合并列-->
<td>第四行第一列</td>
<td rowspan="2">第四行第二列</td>
<!--<td>第四行第三列</td>-->
</tr>
</table>
</body>
</html>

原文地址:https://www.cnblogs.com/haoyp/p/7063935.html