HTML标签之有序列表，无序列表，自定义链表

本文主要是介绍HTML标签之有序列表，无序列表，自定义链表，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

无序列表

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>无序列表（重点）</title>
</head>
<body><h3>你喜欢的食物？</h3><ul><li>火锅</li><li>香橙</li><li>红西柚</li><li> <p>222</p> </li></ul><!-- 1.无序列表的各个列表项之间没有顺序级别之分，是并列的。2.<ul></ul> 中只能嵌套 <li></li> ，直接在 <ul></ul> 标签中输入其他标签或者文字的做法都是不被允许的。3. <li>和</li>之间相当于一个容器，可以容纳所有元素。 -->
</body>
</html>

在这里插入图片描述

有序列表

<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>有序列表（理解）</title>
</head>
<body><h2>粉丝排行榜</h2><ol><li>胡歌  2000000000</li><li>罗小黑  300000000</li><li>刘亦菲  29999999</li><li>赵丽颖  299999</li></ol><!-- 1.<ol></ol> 中只能嵌套 <li></li> ，直接在 <ol></ol> 中输入其他标签或者文字的做法是不被允许的。2. <li>和</li>之间相当于一个容器，可以容纳所有元素。 3.有序列表会带有自己的样式属性，但在实际使用时，我们会使用CSS来设置-->
</body>
</html>

在这里插入图片描述

自定义列表

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>自定义列表（重点）</title>
</head>
<body><dl><dt>关注我们</dt><dd>新浪微博</dd><dd>官方微信</dd><dd>联系我们</dd></dl><!-- 1.<dl></dl>里面只能包含<dt>和<dd>。2.<dt>和<dd>个数没有限制，经常时一个<dt>对应多个<dd>-->
</body>
</html>