<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>day2-列表</title>
</head>
<body>
<!-- 无序列表 -->
<!-- ul:只允许嵌套li标签 -->
<!-- li: 可嵌套任意标签 -->
<h1>水果列表</h1>
<ul>
<li>榴莲</li>
<li>香蕉</li>
<li>苹果</li>
<li>哈密瓜</li>
<li>火龙果</li>
</ul>
<hr>
<!-- 有序列表 -->
<!-- ol:只允许嵌套li标签 -->
<!-- li: 可嵌套任意标签 -->
<h1>成绩排序</h1>
<ol>
<li>张三:100</li>
<li>李四:80</li>
<li>王五:90</li>
</ol>
<hr>
<!-- 自定义列表 -->
<!-- dl-框架;dt-主题;dd-每项内容 -->
<!-- dl:只允许嵌套li标签 -->
<!-- dd和dt: 可嵌套任意标签 -->
<!-- dd前默认显示缩进效果 -->
<dl>
<dt>帮助中心</dt>
<dd>人工服务</dd>
<dd>VIP通道</dd>
<dd>指导手册</dd>
</dl>
</body>
</html>
08-06
584
08-26
3959
08-03
232
08-05
172