table标签是常用的表格标签
table标签
这个标签用于做表格, 其中 table 中, 往往嵌套一些别的标签
- 使用 tr 表示一行
- th 表示表头, 它的颜色默认是黑体加粗
- td 表示单元格
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
可选的属性
属性 | 值 | 描述 |
---|---|---|
align | left center right | 不赞成使用。请使用样式代替。规定表格相对周围元素的对齐方式。 |
bgcolor | rgb(x,x,x) #xxxxxx colorname | 不赞成使用。请使用样式代替。规定表格的背景颜色。 |
border | pixels | 规定表格边框的宽度。 |
cellpadding | pixels % | 规定单元边沿与其内容之间的空白。 |
cellspacing | pixels % | 规定单元格之间的空白。 |
frame | void above below hsides lhs rhs vsides box border | 规定外侧边框的哪个部分是可见的。 |
rules | none groups rows cols all | 规定内侧边框的哪个部分是可见的。 |
summary | text | 规定表格的摘要。 |
width | % pixels | 规定表格的宽度。 |
其中, 这些参数都表示的是单元格, 例如
- cellspace定义的是单元格之间的间隔大小通常设置为0,
- cellpadding定义的是单元格内边距
- width定义的是一个单元格的宽度
这些属性, 可以定义在table, tr, th, td的任一个标签内, 它均会解析, 域最小的不被覆盖
table布局
table可以用于布局, 这是一种简单的布局, 比css效率更高
在一些简单的 html 文档中, 可以使用table布局, 关键点是
- cellpadding设置为0
- cellspace设置为0
- “table标签的嵌套”
这样, 外层的table仅起到了划分空间的作用.