什么是 HTML 列表？
在 HTML 中，列表是一种常用的元素，用于展示一系列相关的项目的集合。
它不仅能让网页内容看起来更有条理，还能提高用户阅读体验，如：美食食谱示例
HTML 列表的三种类型
HTML 提供了三种主要类型的列表，每种类型都有其特定的用途和格式：
- 无序列表（Unordered List）：使用<ul>标签创建，列表项没有特定顺序，通常用项目符号（如圆点、方块等）表示。
- 有序列表（Ordered List）：使用<ol>标签创建，列表项按顺序排列，通常用数字或字母表示。
- 定义列表（Definition List）：使用<dl>用于定义术语及其描述。它包含<dt>（定义术语）和<dd>（定义描述）标签。
1. HTML 无序列表（<ul>）
无序列表通过<ul>标签定义，每个列表项同样使用<li>标签。以下是一个简单的无序列表示例：
<ul>
<li>苹果</li>
<li>香蕉</li>
<li>橙子</li>
</ul>在浏览器中显示时，列表项前面会自动添加项目符号（通常是圆点），<ul>默认自带type="disc"属性。
type 属性：用于指定列表项符号的类型（html5中，属性已被弃用），type属性取值范围：
- <disc>：默认值，实心圆。
- <caption>：空心圆。
- <thead>：实心方块。
2. HTML 有序列表（<ol>）
有序列表通过<ol>标签定义，每个列表项同样使用<li>标签。以下是一个简单的有序列表示例：
<ol>
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ol>在浏览器中显示时，列表项前面会自动添加项目编号（通常是12345...），<ol>默认自带type=1属性。
type 属性：用于指定编号的类型，type属性取值范围：
- <1>：默认值，使用数字编号。
- <a>：使用小写字母编号。
- <A>：使用大写字母编号。
- <i>：使用小写罗马数字编号。
- <I>：使用大写罗马数字编号。
例如，使用小写字母编号的代码如下：
<ol type="a">
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ol>start 属性：指定列表的起始编号。例如，如果你希望列表从数字 5 开始，代码如下：
<ol start="5">
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ol>3. HTML 定义列表（<dl>）
定义列表用于展示术语及其描述，由<dl>、<dt>和<dd>标签组成。
<dt>标签用于定义术语，<dd>标签用于定义该术语的描述。
<dl>
<dt>HTML</dt>
<dd>超文本标记语言，用于创建网页的标准标记语言。</dd>
<dt>CSS</dt>
<dd>层叠样式表，用于控制网页的样式和布局。</dd>
</dl>HTML 列表嵌套
列表可以嵌套使用，即在一个列表项中包含另一个列表，以下是一个嵌套无序列表的示例：
<ul>
<li>水果
<ul>
<li>苹果</li>
<li>香蕉</li>
</ul>
</li>
<li>蔬菜
<ul>
<li>番茄</li>
<li>黄瓜</li>
</ul>
</li>
</ul>
评论区 0
发表评论
教程介绍
HTML 超文本标记语言，一种用于创建网页的标准标记语言，在浏览器上运行和解析。
60
章节
210
阅读
0
评论