span

表格作用

表格主要用于显示、展示数据。它可以让数据显示的非常规整,可读性好。

表格基本语法


       ……
    
    ……
单元格内的文字

解释:

  1. 定义表格
  2. 定义表格中的行,嵌套在标签中
  3. 定义表格中的单元格,嵌套在标签中
  4. td即数据单元格的内容

表头单元格标签

。一般位于第一行或第一列,显示效果为加粗居中显示。


       ……
    
    ……
姓名

表格属性(了解)

以上属性均要写入标签中。不常用,通常通过css来设置,作为了解即可。

表格结构标签

使用场景:当表格内容较多时,为了更好的表示表格的语义,将表格分割为表格头部表格主体两大部分。

标签:表格的头部区域
  • 标签:表格的主体区域
  • :定义表格的头部。标签内必须拥有标签。一般位于第一行。
  • :定义表格的主体。

    标题
    单元格内的文字

    合并单元格

    • 跨行合并:rowspan="合并单元格的个数"
    • 跨列合并:colspan="合并单元格的个数"

    合并单元格三步曲

    1. 先确定跨行还是跨列合并
    2. 找到目标单元格,写上 合并方式=合并的单元格数量。例如:
    3. 删除多余的单元格

    最后修改:2022 年 11 月 05 日
    如果觉得我的文章对你有用,请随意赞赏