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