HTML表格

最新推荐文章于 2022-11-14 13:54:23 发布

玖月蘭

最新推荐文章于 2022-11-14 13:54:23 发布

阅读量404

点赞数 1

本文链接：https://blog.csdn.net/Castley/article/details/73188154

版权

主要内容

（1）了解表格应用场景

（2）表格基本操作

（3）如何操作表格

（4）表格属性

（5）表格跨行跨列

（6）表格嵌套

（1）后台数据的展示以及购物栏等等都是用表格创建

（2）HTML表格 <table>表格 <tr>行 <td> 单元格

（3）基本语法与结构

例如创建一个两行三列的表格

<table border ="1" >
    <tr>

           <td></td>
           <td></td>
           <td></td>

    </tr>
    <tr>
           <td></td>
           <td></td>
           <td></td>
    </tr>    
<table>

（4）表格操作添加、删除行与列

带标题的表格

（5）带结构的表格

表格划分三部分：表头、主体、脚注

thead：表格的头（方标题之类的内容）

tbody：表格的主体（放数据主体）

tfoot：表格的脚（放表格的脚注）

在HTML中只有对表格全部解析完成后才能显示表格，但是当表格非常复杂的时候，会非常耗时，用户体验不好，这时候需对表结构进行划分，加载一部分就能显示一部分。（表格划分不会影响表格的结构）

（6）表格属性

<table> 属性

（7）表格属性2

<tr>标签属性

<td> 和 <th>标签属性

<thread><tbody><tfoot>也都可以设置属性

（8）表格跨行列

跨列属性colspan 例如： <td colspan = "2"></td>跨两列

跨行属性rowspan 例如： <td rowspan = "2"></td> 跨两行

关注