HTML 表格标签 - 爱码网

1. 表格标签的学习目标

在这里插入图片描述

2. 表格标签的基本使用

表格的作用

表格主要用于显示、展示数据，可以使得数据显示的非常的规整，有较好的可读性，一个好的表格使得繁杂的数据显示的十分合理，网页中的例子如下所示：
在这里插入图片描述
表格不是用来布局页面的，而是用来展示数据的

表格的基本语法

在这里插入图片描述

3. 示例代码

<!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>
        <tr><td>姓名</td> <td>性别</td> <td>年龄</td></tr>
        <tr><td>赵</td> <td>男</td>   <td> 66 </td></tr>
        <tr><td>王</td> <td>男</td>   <td> 64 </td></tr>
        <tr><td>李</td> <td>女</td>   <td> 28 </td></tr>
        <tr><td>刘</td> <td>男</td>   <td> 20 </td></tr>    
    </table>
    <!-- 此为表格的基本语法，使得显示的十分清晰 -->
    <!-- 表格是嵌套关系 -->
    <!-- 用来展示数据 -->


    <!-- table 表示这是一个表格 -->
    <!-- tr 表示这是一行 -->
    <!-- td 表示每一行中的每一个元素 -->
</body>
</html>

4. 运行结果

在这里插入图片描述