Web前端，HTML表格相关标签和属性，在网页中表格结构的显示

前言

持续总结输出中，今天讲的是HTML表格相关标签和属性，在网页中表格结构的显示

---

一、表格的基本标签

场景:

在网页中以行+列的单元格的方式整齐展示和数据，如:学生成绩表 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-BcuXSXC0-1656592337101)(https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/51b3e771cdb947a8b85ea5dbd406d687~tplv-k3u1fbpfcp-zoom-in-crop-mark:1956:0:0:0.image)]

代码

 <!-- table 包含 tr, tr包含td -->
    <table border="1" width="600" height="400">
        <tr>
            <td>姓名</td>
            <td>成绩</td>
            <td>评语</td>
        </tr>
        <tr>
            <td>战三</td>
            <td>100分</td>
            <td>孩砸, 真棒啊</td>
        </tr>
        <tr>
            <td>丽丽</td>
            <td>150分</td>
            <td>丽丽最美了</td>
        </tr>
    </table> 

基本标签:

标签名	说明
table	表格整体，可用于包裹多个tr
tr	表格每行，可用于包裹td
td	表格单元格，可用于包裹内容

注意点:

• 标签的嵌套关系:table > tr > td

小结

完成一个简单的表格，需要由几个标签组成?分别表示什么?

• table标签:表格整体

• tr标签:表格每行 • td标签:对于主题的每一项内容

表格基本标签的嵌套关系是什么?

• table > tr > td

二、表格相关属性

场景:

设置表格基本展示效果 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LRmY23XX-1656592337102)(http