表格
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 | 规定单元格的宽度 |