猫史档案馆

无序列表

无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。

无序列表始于 <ul> 标签。每个列表项始于 <li>。

<ul type="disc">
	<li>Hot Pot</li>
	<li>barbecue</li>
	<li>steak</li>
</ul>

思考：

列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

 

有序列表

同样，有序列表也是一列项目，列表项目使用数字进行标记。

有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

<ol type="A">
	<li>Hot Pot</li>
	<li>barbecue</li>
	<li>steak</li>
</ol>

 

定义列表

自定义列表不仅仅是一列项目，而是项目及其注释的组合。

自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

<dl>
  <dt>Coffee</dt>
  <dd>Black hot drink</dd>
  <dt>Milk</dt>
  <dd>White cold drink</dd>
</dl>

思考：

<dt>是定义项目

<dd>是定义描述（对项目的描述）

 

嵌套列表

<ul>
	<li>咖啡</li>
	<li>茶
		<ul>
			<li>红茶</li>
			<li>绿茶
				<ul>
					<li>中国茶</li>
					<li>非洲茶</li>
				</ul>
			</li>
		</ul>
	</li>
	<li>牛奶</li>
</ul>

思考：

列表的嵌套和表格的嵌套逻辑相同，都是在一个小单元内增加，所以排版的好坏就能很清楚地看出来嵌套的逻辑，对于初学者来说都是很方便的。