标签:doctype set html5 自动 head htm char oct doc
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>
标签:doctype set html5 自动 head htm char oct doc
原文地址:http://www.cnblogs.com/haoyp/p/7063935.html