首页 HTML

# HTML 列表标签

# 列表标签的分类

  • 有序列表
  • 无序列表
  • 自定义列表

# 无序列表

1
2
3
4
5
6
7
8
<h1>水果列表</h1>
<ul>
    <li>榴莲</li>
    <li>香蕉</li>
    <li>苹果</li>
    <li>哈密瓜</li>
    <li>火龙果</li>
</ul>

# 有序列表

1
2
3
4
5
6
<h1>成绩排行榜</h1>
<ol>
    <li>小姐姐 : 100分</li>
    <li>小帅哥 : 80分</li>
    <li>小可爱 : 60分</li>
</ol>

# 自定义列表

标签名说明
dl表示自定义列表的整体，用于包裹 dt/dd 标签
dt表示自定义列表的主题
dd表示自定义列表的针对主题的每一项内容
1
2
3
4
5
<dl>
    <dt>帮助中心</dt>
    <dd>账户管理</dd>
    <dd>购物指南</dd>
</dl>

特点 :

  • dd 前会默认显示缩进效果

注意点 :

  • dl 标签中只允许包含 dt/dd 标签
  • dt/dd 标签可以包含任意内容