码迷,mamicode.com
首页 > Web开发 > 详细

HTML5——6 table标签

时间:2017-06-22 12:02:38      阅读:149      评论:0      收藏:0      [点我收藏+]

标签: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>

HTML5——6 table标签

标签:doctype   set   html5   自动   head   htm   char   oct   doc   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!