HTML表格

        展示数据

        宽度:默认被每一个单元格平均分割

        每一个单元格都可以设置宽高

        同一行的最大高度会被共享

        同一列的最大宽度会被共享

        th:水平垂直都居中

        td:水平方向左对齐,垂直居中

        align: 水平对齐:center  left(左对齐), right(右对齐)

        valign:vertical-align:(top  顶部对齐  middle  居中对齐  bottom  底部对齐)

表格标签

表格标题,居中显示,每个表格只能定义一个标题

行标签

表格头,内容居中,加粗显示

单元格

默认边线标签(在table标签里面)

带结构的表格

表格划分为三部分:表头、主体、脚注 

thead:表格的头(放标题之类的内容)、

tbody:表格的主题(放数据主体)

tfoot: 表格的脚(放表格的脚注)

表格跨行列

跨列属性colspan

跨行属性rowspan

   

             

                 

             

 

 

             

                 

             

 

 

             

                 

             

   

...
表头
主体
主体

表格属性

width   规定表格长度

align  → left  center  right  表格相对周围元素的对齐方式

border   规定表格边框宽度

bgcolor   表格的背景颜色

cellpadding    边线与内容之间的空白

cellspacing     单元格之间的空白 

frame     规定外侧边框哪个部分是可见的

rules      规定内侧边框那个部分是可见的

标签属性

align  → left  center right  justify  char    行内容的水平对齐

valin →  top  middle  bottom   行内容的垂直对齐

bgcolor

&  标签属性

align  → left  center right  justify  char    行内容的水平对齐

valin →  top  middle  bottom   行内容的垂直对齐

bgcolor

width

height

   frame

void   不显示外侧边框

above   显示上部的外侧边框

below   下部

hsides   上部和下部

ihs     左边

box    在所有四个边上显示外侧边框

border   在所有四个边上显示外侧边框

rules

none   没有线条

groups    位于行组和列组之间的线条

rows    位于行之间的线条

cols      位于列之间的线条

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