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指定表头单元格所代表的数据列或行的范围,可以是 rowcol.
abbr指定单元格的缩写.
align指定单元格的水平对齐方式,可以是 leftrightcenterjustify.
valign指定单元格的垂直对齐方式,可以是 topbottommiddlebaseline.
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规定单元格的宽度