HTML学习笔记09-列表-优快云博客

本文详细介绍了HTML中的三种列表类型：无序列表、有序列表和自定义列表，并提供了具体的代码示例。无序列表使用小圆点作为标记，有序列表使用数字进行标记，而自定义列表则用于展示项目及其注释。

HTML支持无序，有序，自定义列表

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

无序列表

无序列表使用粗体圆点（典型的小黑圆圈）进行标记，列表始于<ul>标签，列表项使用<li>标签

<!DOCTYPE HTML>

<html>
<body>
<ul>
<li>列表项1</li>
<li>列表项2</li>
</ul>
</body>
    
</html>

有序列表

列表项使用数字进行标记，列表始于<dl>标签，列表项使用<li>标签

<!DOCTYPE HTML>

<html>
<body>
<ol>
<li>列表项1</li>
<li>列表项2</li>
</ol>
</body>
    
</html>

自定义列表

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

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

<!DOCTYPE HTML>

<html>
<body>
<dl>
    <dt>计算机</dt>
    <dd>用来计算的仪器</dd>
    <dt>显示器</dt>
    <dd>以视觉形式显示信息的装置</dd>
</dl>
</body>
    
</html>

转载于:https://www.cnblogs.com/myal/p/9337395.html