前端进阶(3)

1. table 

     表格的作用:具备固定格式的信息的布局

   table的使用

       

的列数是相同的

          行-----table row

         列、单元格----table data  数据放在td中,td中可以放任意元素。

4、表格属性

      宽度:width

      高度:height

      边框:border

       水平对齐方式:align   

中放align是table在外容器中居中对齐

       背景颜色:bdcolor  

      外边距:cellspacing  外边距是容器与容器之间的边距,

      内边距:cellpadding 容器内的元素到容器的边距

5、tr 属性

      tr 表示行,里面只能有td

       align:该行内容的水平对齐方式   left、right、center

       valign: 该行内容的垂直对齐方式: top 、middle、bottom

6、td属性

      td表示列,可以承载任何内容

      align:

       valign:

      width:

      height:

      跨列:colspan,合并列,指定一个数值,那么将向右合并指定的列数(包含自己)

      跨行:rowspan,合并行,指定一个数值,从当前单元格开始向下合并指定的单元格(包含自己)

      table的缺点:table的展示需要将所有的内容下载下来才能展示。

7、表格标题

     

  独立任何tr

 8、列标题

     

与td平级,放在tr里边

9、行分组

      表头行分组:thead

      表主体行分组:tbody

      表尾的行分组:tfoot

2、列表

      有序列表:

           

             属性:

                         type:列表前标识类型(用的比较多)

                         start:开始的值

                          

      无序列表:

                 

             属性:

                   type:

     自定义列表:

             

   ----->定义列表

             

----->列表标题

             

--------->列表内容

                   

               多数出现在图文混排的样式效果

                 dt:插入一副图像

                 dd:文字描述

3、结构标记

     

:文档头部