HTML学习笔记--列表_无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。-CSDN博客

本文链接：https://blog.csdn.net/PRCORANGE/article/details/107548924

HTML无序列表

无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。无序列表适合成员之间无级别顺序关系的情况。无序列表使用 <ul> 标签：

<ul>
 <li>Coffee</li>
 <li>Milk</li>
 </ul>

在这里插入图片描述

HTML 有序列表

同样，有序列表也是一列项目，列表项目使用数字进行标记。有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。有序列表适合各项目之间存在顺序关系的情况。

<ol>
 <li>Coffee</li>
 <li>Milk</li>
 </ol>

在这里插入图片描述

HTML 自定义列表

自定义列表不仅仅是一列项目，而是项目及其注释的组合。自定义列表以<dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。自定义列表中的一个术语名可以对应多重定义或者多个术语名对应同一个定义，如果只有也术语名或者只有定义也是可行的，也就是说 <dt> 与 <dd> 在其中数量不限、对应关系不限。

<dl>
 <dt>Coffee</dt>
 <dd>- black hot drink</dd>
 <dt>Milk</dt>
 <dd>- white cold drink</dd>
 </dl>

在这里插入图片描述

嵌套列表

<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>我的第一个网页</title>
	</head>
	<body>
		<ul>
			<li>咖啡</li>
			<li>茶
					<ul>
						<li>红茶</li>
						<li>绿茶</li>
					</ul>
			</li>
			<li>牛奶</li>
		</ul>
	</body>
</html>