HTML5 表格

表格

表格的基本结构。

<table border="1"> <!-- border="1" 显示边框  -->

 <!-- 下面是一个 “三行两列” 的表格 -->
 <!-- tr 行 | th 标题列 | td 普通列 -->

 <tr><th>性别</th><th>年龄</th></tr>
 <tr><td>男</td><td>21</td></tr>
 <tr><td>女</td><td>35</td></tr>

</table>

显示效果

性别年龄
21
35

colspan

行合并

<tr>
 <th colspan="2">数字</th> <!-- colspan="2" 2行合并 -->
</tr> 
<tr>
 <td>233</td> <td>666</td>
</tr>

显示效果

数字
233 666

rowspan

列合并

<tr>
 <td rowspan ="2">数字</td> <td>233</td> <!-- rowspan="2" 2列合并-->
</tr> 
<tr>
 <td>666</td>
</tr>

效果

数字233
666
HTML5 教程 HTML5 基本结构 HTML5 文本和语义 HTML5 布局 HTML5 列表 HTML5 组合 HTML5 表格 HTML5 链接和路径 HTML5 图片 HTML5 表单 HTML5 框架 HTML5 进度条 HTML5 多媒体