html table.txt

1、表格
   1、什么是表格
      表格是按照一定的结构来展示数据的
      表格是按照 从上到下,从左到右的方式来展示数据的,数据全部都保存在单元格中
   2、表格的语法
      1、标记组成
         表格:<table></table>
         表行:<tr></tr>  -- Table Row
         单元格(列):<td></td> -- Table Data
      2、属性
         1、table 属性
            1、border
               指定表格的边框宽度,以px为单位
            2、width
               指定表格宽度,以px为单位
            3、height
               指定表格高度,以px为单位
            4、align
               指定表格在父元素中的水平对齐方式
               取值:left / center / right
            5、cellpadding
               表格内边距,表示内容与单元格边框之间的距离
            6、cellspacing
               单元格外边距,表示单元格与单元格之间的距离
         2、tr 属性
            1、align
               取值:left / center / right
               控制当前行的内容的水平对齐方式
            2、valign
               取值:top / middle / bottom
               控制当前行的内容的垂直对齐方式
            3、bgcolor
               取值:颜色的英文单词
               控制当前行的内容的背景颜色
         3、td 属性
            1、width
            2、height
            3、align
            4、valign
            5、bgcolor
            6、colspan :跨列 / 合并列
            7、rowspan :跨行 / 合并行
   3、不规则表格
      1、单元格的跨列
         从指定单元格的位置处开始,横向向右合并几个单元格(包含自己),被合并掉的单元格要被删除出去
         语法:colspan="n"
      2、单元格的跨行
         从指定单元格的位置处开始,纵向向下合并几个单元格(包含自己),被合并掉的单元格要被删除出去
         语法:rowspan="n"
   4、行分组
      1、什么是行分组
         允许将若干行划分到一组中,方便统一管理
      2、语法
         1、表头行分组
            允许将表格最上方的若干行划分到一组中
            <thead></thead>
         2、表尾行分组
            允许将表格最下方的若干行划分到一组中
            <tfoot></tfoot>
         3、表主体行分组
            除了最上方和最下方以外的其他列进行分组可以使用表主体
            <tbody></tbody>
发布了198 篇原创文章 · 获赞 58 · 访问量 8万+

猜你喜欢

转载自blog.csdn.net/weixin_42193179/article/details/103751216