HTML表格

HTML表格

@(HTML)

基本语法与结构

基本结构

  • 表格
     属性:border边缘宽度,width表格宽度

  • 表格的头(标题之类)
  • 表格的主体(数据主题)
  • 表格的脚注
    注:这三个标签不会影响表的布局,只是在加载时一块一块加载,反之,则同时加载完整表格。
    表格属性
  • 普通单元格

  • 表头单元格(加粗居中显示)

  • 表格标题,居中显示
    创建一个两行三列的表格:

      
    2014 2015 2016
    8000 10000 12000

    优化:带结构的表格(各部分分开加载,用户体验更佳)
    表格划分为三部分:表头、主体、脚注

    表格属性:
    [外链图片转存失败(img-ZhNllP80-1569240298282)(./img_0532.png)]
  • 标签属性:
    [外链图片转存失败(img-jQNn6YqF-1569240298283)(./fullsizerender1.jpg)]
    注:需要让结构内所有标签保持某一属性,只需对结构标签进行属性设置

    跨列属性colspan
    跨越两列的单元格

    跨行属性rowspan
    跨越两行的单元格

    嵌套表格:可在

    内容 内容 内插入一个表格

    你可能感兴趣的:(HTML,HTML表格)