大内高手社区

标题: HTML 列表标签的使用和效果 [打印本页]

作者: 程序员007 时间: 2021-10-29 11:44
标题: HTML 列表标签的使用和效果

[attach]274[/attach]

（内容来源于公开网络，若涉及侵权联系尽快删除！）

　　一、HTML无序列表

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

　　无序列表使用<ul>标签

[HTML] 纯文本查看 复制代码

<ul>

<li>Coffee</li>

<li>Milk</li>

</ul>

　　浏览器显示如下：

　　Coffee

　　Milk

　　二、HTML有序列表

　　同样，有序列表也是一列项目，列表项目使用数字进行标记。有序列表始于<ol>标签。每个列表项始于<li>标签。

　　列表项使用数字来标记。

[HTML] 纯文本查看 复制代码

<ol>

<li>Coffee</li>

<li>Milk</li>

</ol>

　　浏览器中显示如下：

　　Coffee

　　Milk

　　三、HTML自定义列表

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

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

[HTML] 纯文本查看 复制代码

<dl>

<dt>Coffee</dt>

<dd>- black hot drink</dd>

<dt>Milk</dt>

<dd>- white cold drink</dd>

</dl>

　　浏览器显示如下：

　　Coffee

　　-blackhotdrink

　　Milk

　　-whitecolddrink

　　四、注意事项-有用提示

　　提示:列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。（免责声明：内容来源于公开网络，若涉及侵权联系尽快删除！）

欢迎光临大内高手社区 (https://bbs.tedu.cn/)