Skip to content

表格 ​

Table 标签介绍 ​

<table> 标签用于定义 HTML 表格.通过使用表格标签,可以更容易地在网页上排列和显示数据.

基本使用 ​

属性描述
border是否显示边框,可以是任意 CSS 颜色值.默认值是 "1",表示显示边框.
cellpadding指定单元格的内边距大小,可以是任意 CSS 单位.
cellspacing指定单元格的间距大小,可以是任意 CSS 单位.
width指定表格宽度,可以是任意 CSS 单位,如像素(px)或百分比(%).
height指定表格高度,可以是任意 CSS 单位.
background-color指定表格背景色,可以是任意 CSS 颜色值.
caption用于指定表格标题,只能放在 table 标签内部,且只能有一个.
thead用于定义表格的头部,只能放在 table 标签内部,且只能有一个.
tbody用于定义表格的主体,只能放在 table 标签内部,且可以有多个.
tfoot用于定义表格的底部,只能放在 table 标签内部,且只能有一个.
rowspan指定单元格横向跨越的行数.
colspan指定单元格纵向跨越的列数.
scope指定表头单元格所代表的数据列或行的范围,可以是 row 或 col.
abbr指定单元格的缩写.
align指定单元格的水平对齐方式,可以是 left、right、center 或 justify.
valign指定单元格的垂直对齐方式,可以是 top、bottom、middle 或 baseline.
nowrap是否强制单元格中的文本在一行内显示.
bgcolor指定单元格的背景颜色,可以是任意 CSS 颜色值.
width指定单元格宽度,可以是任意 CSS 单位,如像素(px)或百分比(%).
height指定单元格高度,可以是任意 CSS 单位.
style指定单元格的 CSS 样式,如 "font-size: 14px; color: #333;".

基本用法 ​

编号姓名性别年龄
1张三男20
2李四女22

子元素 ​

tr td 和 th ​

属性名描述
align规定单元格内容的水平对齐方式(已废弃)
bgcolor规定单元格的背景颜色
valign规定单元格内容的垂直对齐方式
height规定单元格的高度
width规定单元格的宽度