HTML基础（表格与列表）（微重点）

表格

table表格语法:

快捷代码：table>tr>td*2

<table>
		<tr>      			//代表行
			<td></td>    
			<td></td>   //单元格
		</tr>
</table>

快捷代码：table>tr>th

<table>
		<tr>      			//代表行
			<th></th>     //代表表头   **（具有加粗居中的效果）**    
		</tr>
</table>

表格的重要属性：

1. 单元格与单元格之间的距离控制使用：cellspacing;
2. 单元格与单元格内部文字之间的距离控制用：cellpadding;

单元格合并的步骤：

1. 确定需要合并的行或者列（rowspan为行合并，colspan为列合并）；
2. 找出目标单元格（如果是行合并那就是需要合并的最上面单元格，如果是列合并那就是需要合并的最左侧单元格）；
3. 在目标单元格<td 设置colspan=“数量” or rowspan=“数量”>

列表

有序列表：

代码快速生成： ol>li*3

<ol>             //可以在ol内部设置样式以及开始顺序：<ol start="2">数字代表从第几个开始
	<li></li>     
	<li></li>
	<li></li>
</ol>

//  用处不多，相比较无序列表；

无序列表：

代码快速生成：ul>li*3

	<ul>                 //可以设置样式:style="样式";    默认样式为：实心圆形    ；  
        <li></li>
        <li></li>
        <li></li>
    </ul>


//  重点！   许多侧边栏以及正文的排版都会用到;

自定义列表：

	<dl>                         
        <dt>
            <dd></dd>
            <dd></dd>
        </dt>
    </dl>

自定义列表常常使用的情况：（如下图）：