HTML 教程——列表（十四）

HTML列表

HTML支持、无序和定义列表：

无序列表：

• 面包
• 牛奶
• 咖啡

代码如下：

<ul>
<li>面包</li>
<li>牛奶</li>
<li>咖啡</li>
</ul>

 有序列表：

1. 面包
2. 牛奶
3. 咖啡

代码如下：

<ol>
<li>面包</li>
<li>牛奶</li>
<li>咖啡</li>
</ol>

HTML 自定义列表

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

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

<dl>
<dt>面包</dt>
<dd>- 全麦面包</dd>
<dd>- 土司面包</dd>
<dt>牛奶</dt>
<dd>- 纯牛奶</dd>
<dd>- 酸奶</dd>
<dt>咖啡</dt>
<dt>-卡布奇诺</dt>
<dt>-生椰拿铁</dt>
</dl>

浏览器显示如下图：

面包

- 全麦面包

- 土司面包

牛奶

- 纯牛奶

- 酸奶

咖啡

-卡布奇诺

-生椰拿铁

注意事项 - 有用的提示

提示：列表项内部可以使用文字、换行符、图片、链接以及其他列表等等。

HTML 列表标签