html 表格

1)表格

定义<table></table>

定义行<tr></tr>

定义列<td></td>

例子:创建表格2行2列

<table>

<tr>

<td></td>

<td></td>

</tr>

<tr>

<td></td>

<td></td>

</tr>

</table>

2）表格属性

table：

 width : 宽度
height : 高度
align : 水平对齐方式（left,center,right）
border : 设置表格的变宽,以px(像素)为单位
cellpadding : 内边距,(单元格边框与内容之间的距离)
cellspacing : 外边距,(单元格与单元格之间的距离)
bgcolor : 表格背景颜色
      tr : 
        align : 设置该行内容的水平对齐方式(left,center,right)
valign: 设置该行内容的垂直对齐方式(top,middle,bottom)
      td : 
       align:设置该行内容的水平对齐方式(left,center,right)
valign:设置该行内容的垂直对齐方式(top,middle,bottom)
width:宽度
height:高度
colspan : 单元格跨列(向右合并单元格)
rowspan : 单元格跨行(向下合并单元格) 

3）表格的其他用法

 1、行分组
         根据行不同的作用，划分成不同的组
行分组分为3个部分:
表头，表主体，表尾
表头:<thead></thead>
表主体:<tbody></tbody>
表尾:<tfoot></tfoot>
      2、不规则表格
         1、跨列:colspan
2、跨行:rowspan

4）列表
   1、有序列表 
      语法:<ol></ol> --> Order List
           <li></li> --> List Item  列表项
      属性:
          ol : 
    type : 列表类型
        取值:
   1 : 数字（默认值）
   a : 小写字母
   A : 大写字母
   i : 小写罗马数字
   I : 大写罗马数字
    start : 起始编号
   2、无序列表
      语法:<ul></ul> --> Unorder List
      列表项<li></li>
      属性:
          ul:
    type
     取值:
       disc : 实心圆(默认)
circle : 空心圆
square : 实心矩形
      什么时候使用列表(有序、无序):
      1、从上到下，只有一列显示数据
      2、从左到右，只有一行显示数据(导航)
   3、自定义列表
      <dl>  定义列表
         <dt></dt> 列表内容标题
<dd></dd> 列表数据
      </dl>
      使用场合:做图文混排的布局