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>

优质内容筛选与推荐>>
1、甲骨文公司今天正式宣布 MySQL 5.5 正式版
2、Vue Router写子路由的优势
3、如何在工作的头三年里让自己变得强大
4、tomcat-各文件夹作用解析
5、重写JSON的部分用fetch的API


长按二维码向我转账

受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。

    阅读
    好看
    已推荐到看一看
    你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
    已取消,“好看”想法已同步删除
    已推荐到看一看 和朋友分享想法
    最多200字,当前共 发送

    已发送

    朋友将在看一看看到

    确定
    分享你的想法...
    取消

    分享想法到看一看

    确定
    最多200字,当前共

    发送中

    网络异常,请稍后重试

    微信扫一扫
    关注该公众号