【面向HTML--表格与列表】

表格

1、表格的作用

按照一定的格式摆放数据
表格是由一些被称为 “单元格”的矩形框，按照从左到右，从上到下的顺序 排列到一起组成的

2、创建表格

1、定义表格：<table></table>
2、创建表行：<tr></tr>
3、创建列(单元格):<td></td>

3、表格属性

1、table 属性
    1、width ：宽度
    2、height ：高度
    3、align ：设置表格的对齐方式(left|center|right)
    4、border ：边框宽度,px作为单位，可以省略px
       bordercolor：表格线的颜色
    5、cellpadding : 单元格内边距(单元格边框与内容之间的距离)
    6、cellspacing : 单元格外边距(单元格之间的距离)
    7、bgcolor : 背景颜色
2、tr 属性
    1、align ：设置该行内容的水平对齐方式
    2、valign ：设置该行内容的垂直对齐方式,取值：top|middle|bottom
    3、bgcolor
3、td 属性
    1、align
    2、valign
    3、width
    4、height
    5、colspan ：设置单元格跨列
    6、rowspan ：设置单元格跨行
4、表格标题
    <caption>标题</caption>
    默认：表格上方居中显示
    注意：
        1、<caption> 必须 紧随 <table> 之后
        2、每个表格最多只能有一个 标题
5、表格复杂应用
    1、行分组
       html中允许将表格内容划分为3个部分
       1、表头行分组
         <thead></thead>
       2、表主体行分组
         <tbody></tbody>
       3、表尾行分组
         表格中最下方的一行或几行，可以放在表尾行分组
         <tfoot></tfoot>

    注意：每个行分组中，都允许包含一对或多对 tr 标记

    2、不规则表格
       1、跨列
            从指定单元格位置处开始，横向向右合并几个单元格(包含自己)。被合并掉的单元格应该从tr中删除
            属性：设置 td的 colspan属性
            取值：合并单元格的数量
       2、跨行
            从指定的单元格位置处开始，纵向向下合并几个单元格(包含自己),被合并掉的要删除
            属性：设置 td的 rowspan属性
            取值：合并单元格的数量

列表

1、作用
    按照一定的格式显示数据的元素
    默认显示方式为 从上到下的 显示
2、列表的组成
    所有的列表都由"列表类型"和"列表项"组成
    列表类型：有序列表 和 无序列表
        1.有序列表<ol>
        2.无序列表<ul>
    列表项：具体显示在列表里面的内容 ex:<li> 具体的列表内容</li>
3、列表的嵌套： 列表项中去嵌套另一个列表

1.有序列表：

属性：type:有序列表类型
      取值：1:数字（默认）
           a:小写的英文字母
           A:大写的英文字母
           i:小写的罗马数字
           I:大写的罗马数字
     strat：起始编码

<ol start="c" type="a">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

2.无序列表：

属性：type:无序列表类型
取值：disc:实心圆(默认)
     circle:空心圆
     square:实心方块
     none:不显示标识

3、列表的嵌套
被嵌套的列表要放在li中

<ul>
    <li>列表项1</li>
    <li>
        列表项2
        <ol>
            <li></li>
        </ol>
    </li>
</ul>  

4.定义列表

1、作用
    用于要给出一类事物的定义情形，如：名词解释等
2、语法
    <dl></dl> -- 定义一个定义列表
    <dt></dt> -- 定义列表中的 "术语"
    <dd></dd> -- 定义列表中对术语的"解释"
3、使用场合
    在 "图文混排"时优先使用 定义列表