EastWind2017
EastWind2017

前端进阶（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、结构标记

     

:文档头部