HTML表格

标记
  1. 基本格式

表格内容

  • table标记的属性

    • width (宽度)

    • height (高度)

    • border (边框)

    • align

      表格的对齐方式:

      1. left (居左)
      2. center (居中)
      3. right (居右)
    • cellspacing (单元格与单元格之间的距离)

    • cellpadding (单元格与内容之间的距离)

    • frame

      1. void (无边框)
      2. above (仅顶部)
      3. below (仅底部)
      4. hsides (仅顶部和底部)
      5. lhs (仅左侧)
      6. rhs (仅右侧)
      7. vsides (仅左侧和右侧)
      8. box (全部4个)
      9. border (全部4个)
    • rules

      1. 作用

        控制是否显示以及如何显示单元格之间的分割线

      2. 属性值

        • none (默认值,无分割线)
        • all (所有分割线)
        • rows (仅有行分割线)
        • clos (仅有列分割线)
        • groups (仅有行组和列组之间有分割线)

  • 标记

    1. 什么时候使用

      如果表格需要标题,则使用该标记

    2. 如何使用正确

      属性的插入位置,直接位于

      属性之后,表格行之前。

    3. align属性

      • top (标题放在表格的上部)
      • bottom (标题放在表格的下部)
      • left (标题放在表格的左侧)
      • right (标题放在表格的右侧)

    4. 标记
      1. 定义

        定义表格的一行,每一行都是一对

      ...标记表示,每一行标记可以嵌套多个标签内,是成对出现的。

    5. 两者的区别

    6. 不会
    7. 或者标记。

    8. 可选属性

      • bgcolor (背景颜色)
      • valign (垂直方向对齐方式:bottomtopmiddle)
      • align (水平方向对齐方式:leftrightcenter)

    9. 标记
      1. 定义

      都是单元格的标记,其必须嵌套在
      是表头标记,通常位于首行或首列,中的文字默认会被加粗,而
      是数据标记,表示该单元格的具体数据
    10. 共同点

      两者的标记属性是一致的

    11. 属性

      • bgcolor (背景颜色)
      • align (对齐方式)
      • valign (垂直对齐方式)
      • width (宽度)
      • height (高度)
      • rowspan (所占行数)
      • colspan (所占列数``)
    12. 你可能感兴趣的:(HTML表格)