表格
- 表格的基本结构:
<table>
<caption>定义表格的标题,可略</caption>
<tbody>
<tr>
<th>th标签可以省略,非必需</th>
<td></td>
<td></td>
</tr>
</tbody>
</table>
- table为组合标签,只有th和td中间可以嵌套其他的标签。th标签表示行头,一个tr中只能有一个th,而td可以有好几个。
- th默认字体加粗,上下左右居中,该标签是非必需标签,可以不写。
这里有几个注意点:
- 在css中设置边框的时候,需要对table、tr、th同时设置才能有效果。
- border-spacing属性表示设置相邻单元格的间距,设置两个值时是第一个值表示左右,第二个值表示上下;设置一个值时表示上下左右。
- 个人认为table中有几个属性值需要记一下:
- border-collapse:seperate(不合并边框)||collapse(合并边框)
- rowspan:跨行,即单元格可横跨的行数
- colspan:跨列,即单元格可横跨的列数
在表格中默认是垂直居中的,即vertical-align:middle;vertical-align这个属性一共有三个值:middle、top、bottom。这个属性是不可以直接对div使用的,他只对table中的文本内容有作用。
接下来是一个不经常用到的属性:summary(概要)
<table summary="我是摘要"></table>