HTML 表头单元格标签加粗即可

1. 表头单元格标签

一般的表头单元格位于表格的第一行或者第一列，表头单元格里面的文本加粗显示

标签表示 HTML 表格的表头部分（table head）缩写

在这里插入图片描述

2. 代码显示

就是将 td 变成 th

<!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><th>姓名</th> <th>性别</th> <th>年龄</th></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>

3. 运行结果

在这里插入图片描述
从结果来看这里表头进行了加粗

posted @ 2022-03-31 18:26  YIMENG-0  阅读(481)  评论(0)    收藏  举报