HTML表格知识点

  1、表格的作用

      按照一定的格式来显示数据

   2、创建表格

        定义表格:<table></table>

        创建表行:<tr></tr>

        创建单元格(列):<td></td>

        注意:保证每行的列数都是一致的

   3、表格的属性

       table 属性

       width :宽度

       height :高度

       align

        作用:设置表格元素的水平对齐方式

        取值:left/center/right

     4、border :边框宽度

     5、cellpadding

        内边距-单元格边框与内容之间的距离

     6、cellspacing

        外边距-单元格之间的距离

     7、bgcolor :背景颜色

     8、tr 属性

         align: 当前行的文本 水平对齐方式

        valign:当前行的文本 垂直对齐方式

        取值:top/middle/bottom

     9、bgcolor:当前行的背景颜色

     10、td 属性

       width height align valign

     11、colspan :设置单元格跨列

     12、rowspan :设置单元格跨行

     13、表格的子元素

        <caption></caption>

         作用:定义表格的标题

      14、行标题/列标题

         显示效果:水平居中,并且加粗显示文本

     <th></th> --><td></td>

      15、表格的复杂应用

      行分组

         将数据行,分成不同的组,以便取设置样式

       表头行分组

        <thead></thead>

       表主体行分组

       <tbody></tbody>

       表尾行分组

       <tfoot></tfoot>

     注意:如果不设置行分组的话,那么所有的行默认都会被当成tbody的内容

      16、不规则表格

         通过 td 的 colspan、rowspan 属性

     17、colspan

        跨列,合并列

        横向向右 合并几个单元格(包含自己)

        注意:被合并的td,一定要删除

     18、rowspan

        跨行,合并行

        纵向向下合并几个单元格(包含自己)

      19、表格的嵌套

         表格可以嵌套其他的表格

         被嵌套的表格要出现在 <td></td>

猜你喜欢

转载自blog.csdn.net/lyc2263843491/article/details/80043078