html知识点回顾--表格

表格

  • 表格的基本结构:
<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>