html基础 表格

html基础 表格

table表格标签

表格是一种数据的展现形式
表格有边框属性，默认为0

<table> <!--表格整体-->
    <caption></caption> <!--表格标题-->
    <tr><th></tr> <!--当前列的标题,内容会相对单元格自动居中加粗-->
    <tr> <!--一个行-->
        <td></td> <!--一个单元格-->
    </tr>
</table>

表格标签的属性

• 宽和高(width;height)
  • table和td使用
• 水平和垂直对齐(align)
  • 给table，tr，td标签使用
• 内外边距(cellpadding/cellspacing)
  • 外边距指单元格和单元格之间的距离。默认为2px
  • 内边距是指内容距离单元格边框的距离。默认为1px
  • 只能给table使用

细线表格

通过背景色设置，不给table设置border
先给table设置背景色，再给tr设置背景色来实现

单元格合并

单元格合并永远都是向后或向下合并

• 水平方向上的单元格合并
  • colsapn=""
• 垂直方向上的单元格合并
  • rowsapn=""