表格的基本结构和常用属性

2025-10-30 16:09:50 8332

1.基本结构

1.一个完整的表格是由:表格标题 表格头部 表格主体 表格脚注 四个部分组成

2.表格涉及到的标签:

table:表格 caption:表格标题 thead:表格头部 tbody:表格主体 tfoot:表格脚注

tr:每一行 th/td:每一个单元格(注:表格头部中使用:th 表格主体/表格脚注里使用:td)

3.具体编码:

常用属性:

注:

1.

元素的 border 属性可以控制表格边框 但 border 值的大小并不控制单元格边款的宽度

只能控制表格最外侧边框的宽度 这个问题的解决方法后期可以靠 css 解决

2.默认情况下 每列的宽度得看这一列单元格最长的那个文字

3.给某个 th 或 td 设置了宽度之后 他们所在那一列的宽度就确定了

4.给某个 th 或 td 设置了高度之后 他们所在那一列的高度就确定了

示例图: