表格

作者: YYece | 来源:发表于2017-10-17 18:03 被阅读0次
  1. html5表格标签
  2. 表格
  3. 2019-01-09第三天
  4. 2015年11月5日
  5. 2018-11-28
  6. 第5单元 个性月历
  7. 零基础Web前端开发(5)
  8. html基础
  9. HTML基础
  10. 2-12. 表格标签中的其他标签
    • 表格

    代码:

    <table>
    <tr>
    <td>内容</td>
    </tr>
    </table>

    • table常用属性:
      width:
      height:
      border:设定表格的边框线,其实会应用整个表格的所有“边框线”(每个单元格)
      cellpadding: 设定单元格中的内容与单元格的边框线之间的“间距”,单位是px
      cellspacing: 设定相邻的两个元格的边框线之间的“间距”,单位是px
      bgcolor=”yellow” 设定表格的总体上的背景颜色
      background=“图片地址 url”:设定表格总体的背景
            align=”left // center // right”: 设定表格总体上的定位方式td
    
    • td常用属性:
      width:
      height:
      bgcolor=”yellow” 设定表格的总体上的背景颜色
      background=“图片地址 url”:设定表格总体的背景图
      align=”left // center // right”: 设定表格总体上的定位方式
      valign=”top // middle // bottom”: 设定单元格中的内容的垂直对齐方式
    • (合并单元格)
      colspan=”5”: 表示该单元格会水平向右边合并5个“原始单元格”,其本身相当于“跨”5个列。
      rowspan=”3”: 表示该单元格会垂直向下边合并3个“原始单元格”,其本身相当于“跨”3个行

    tr的属性:不多,也不常用
    表格深入
    td用于设定一个普通单元格
    th用于设定一个“标题单元格”:其中的文字会自动粗体并居中——凡是可以用td,就可以用th

    一个表格还可以设定一个“标题”:在table 中使用caption标签,其中可是设定标题文字

    实际上,作为表格“table”,其内部的所有行还可以进一步进行“表格区域划分”,通常有3种形式的表格区域:
    thead:代表表格的“头部”区域,其中可以放置tr(及其下属)标签。
    tbody:代表表格的“中部”区域(主体区域),同样可以放tr——所有没有明确使用分区标签归到某个区域的tr标签,都自动隶属于tbody分区。——也就是说,tbody有可能自动出现。
    tfoot:代表表格的“尾部”区域,同样可以放tr。
    表格深入
    td用于设定一个普通单元格
    th用于设定一个“标题单元格”:其中的文字会自动粗体并居中——凡是可以用td,就可以用th

    一个表格还可以设定一个“标题”:在table 中使用caption标签,其中可是设定标题文字

    实际上,作为表格“table”,其内部的所有行还可以进一步进行“表格区域划分”,通常有3种形式的表格区域:
    thead:代表表格的“头部”区域,其中可以放置tr(及其下属)标签。
    tbody:代表表格的“中部”区域(主体区域),同样可以放tr——所有没有明确使用分区标签归到某个区域的tr标签,都自动隶属于tbody分区。——也就是说,tbody有可能自动出现。
    tfoot:代表表格的“尾部”区域,同样可以放tr。

    • 表格深入

    td用于设定一个普通单元格
    th用于设定一个“标题单元格”:其中的文字会自动粗体并居中——凡是可以用td,就可以用th

    一个表格还可以设定一个“标题”:在table 中使用caption标签,其中可是设定标题文字

    实际上,作为表格“table”,其内部的所有行还可以进一步进行“表格区域划分”,通常有3种形式的表格区域:
    thead:代表表格的“头部”区域,其中可以放置tr(及其下属)标签。
    tbody:代表表格的“中部”区域(主体区域),同样可以放tr——所有没有明确使用分区标签归到某个区域的tr标签,都自动隶属于tbody分区。——也就是说,tbody有可能自动出现。
    tfoot:代表表格的“尾部”区域,同样可以放tr。

    image.png Screenshot-2017-10-18 课程表.png

    相关文章

    表格 格式: 表格标签: ————定义表格 ———— 定义表格标题。 ———— 定义表格的表头。 ———— ...

  11. 表格

    基本表格 带边框表格 鼠标悬停表格 条纹状表格 紧缩型表格 ...

  12. 2019-01-09第三天

    表格 有表格线 没有表格线? 水平表格和垂直表格如何设计出来的?

  13. 2015年11月5日

    表格标签:table 表格thead 表格头tbody 表格主体tfoot 表格尾tr 表格行th 元素定义表头t...

  14. 2018-11-28

    表格 表格 长表格 表格的布局 完善clearfix 表单 模拟后台服务器 表格

  15. 第5单元 个性月历

    创建表格 输入表格 调整与修必表格 美化表格

  16. 零基础Web前端开发(5)

    HTML表格概述 表格的基本结构 表格的基本标签有标签 (表格), 标签(表格行), 标签(表格单元格)。 标签和...

  17. html基础

    HTML表格 定义表格的标签 定义表格若干行 定义表格的表头 定义表格的若干单元格 border 表格属性 合并...

  18. HTML基础

    HTML表格 定义表格的标签 定义表格若干行 定义表格的表头 定义表格的若干单元格 border 表格属性 合并...

  19. 2-12. 表格标签中的其他标签

    | | 定义表格 || | 定义表格标题。 || | 定义表格的表头。 || | 定义表格的行。 ...

  20. 网友评论

      本文标题:表格

      本文链接:https://www.haomeiwen.com/subject/eczduxtx.html