HTML 表格

最新推荐文章于 2024-10-05 06:12:02 发布

zt12

最新推荐文章于 2024-10-05 06:12:02 发布

阅读量204

点赞数

分类专栏： HTML 文章标签： html

本文链接：https://blog.csdn.net/qq_31781327/article/details/72629059

版权

HTML 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

1、HTML 表格

表格由table标签来定义。每个表格均有若干行（由tr 标签定义），每行被分割为若干单元格（由标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

2、HTML 表格表头

表格的表头使用 th标签进行定义。大多数浏览器会把表头显示为粗体居中的文本

3、HTML 表格边框属性
使用边框属性来显示一个带有边框的表格：
table border=”1”

4、HTML 表格标签

table 定义表格
th 定义表格的表头
tr 定义表格的行
td 定义表格单元
caption 定义表格标题
colgroup 定义表格列的组
col 定义用于表格列的属性
thead 定义表格的页眉
tbody 定义表格的主体
tfoot 定义表格的页脚

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body>
    <table border="1px" cellpadding="5px" cellspacing="5px">
        <caption >学生信息表</caption>
        <tr>
            <th>姓名</th>
            <th >年龄</th>
            <th >班级</th>
            <th >性别</th>
        </tr>

        <tr>
            <!-- 跨列合并列rowspan -->
            <td rowspan="2">aa</td>
            <td>11</td>
            <td>1502</td>
            <td>女</td>
        </tr>

        <tr>
           <!-- <td>bb</td>-->
            <td>11</td>
            <td>1502</td>
            <td>女</td>
        </tr>

           <tr>
             <!--单元格跨两格 colspan-->
            <td colspan="2">cc</td>
        <!--    <td>11</td>-->
            <td>1502</td>
            <td>女</td>
        </tr>
    </table>
</body>
</html>