渗透测试学习-HTML -基础04-表格

最新推荐文章于 2024-07-13 20:38:58 发布

SoulDrift

最新推荐文章于 2024-07-13 20:38:58 发布

阅读量323

点赞数 6

分类专栏：渗透测试学习文章标签：学习 html

本文链接：https://blog.csdn.net/weixin_64556317/article/details/140310052

版权

渗透测试学习专栏收录该内容

5 篇文章 0 订阅

订阅专栏

使用table标签定义表格

表示表格的一行表示表格的一个数据单元格表示表格的表头单元格

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <table border="5" cellpadding="10" cellspacing="3">
        <!--border 边框 cellpadding表示单元格边与内容的空白 cellspacing表示单元格之间的空白-->
        <tr><th>序号</th><th>名字</th><th>居住地</th><td>年龄</td></tr>
        <!--<th>标签表示表头单元格，字体加粗显示 <td>表示普通的数据单元格 -->
        <tr><td>1</td><td>张三</td><td>北京</td><td>29</td></tr></br>
        <tr><td>2</td><td>张四</td><td>上海</td><td>27</td></tr></br>
        <tr><td>3</td><td>张五</td><td>河南</td><td>25</td></tr></br>
        <tr><td>3</td><td>张六</td><td>河南</td><td>22</td></tr></br>
        <tr><td>3</td><td>张七</td><td>河南</td><td>20</td></tr></br>
    </table>
    <hr>
    <table border="1" cellpadding="10" >
        <tr><th>序号</th><th>名字</th><th>居住地</th><td>年龄</td></tr>
        <tr><td>1</td><td>张三</td><td>北京</td><td rowspan='2'>29</td></tr></br>
        <!--rowdpan表示当前单元格与下面几个单元格合并-->
        <tr><td>2</td><td>张四</td><td>上海</td></tr></br>
        <tr><td>3</td><td>张五</td><td>河南</td><td>25</td></tr></br>
        <tr><td>3</td><td>张六</td><td>河南</td><td>22</td></tr></br>
        <tr><td>3</td><td>统计</td><td colspan="2"></td></tr></br>
        <!--rowdpan表示当前单元格与右面几个单元格合并-->
    </table
</body>
</html>

动手试一下吧！
在这里插入图片描述