【重识 HTML + CSS,html标签之列表标签
在HTML中,列表标签主要有三种:有序列表(<ol>
)、无序列表(<ul>
)和定义列表(<dl>
)。
- 有序列表(Ordered List):使用
<ol>
标签创建,列表项用<li>
标签定义,列表项会自动以数字进行排序。
<ol>
<li>苹果</li>
<li>香蕉</li>
<li>樱桃</li>
</ol>
- 无序列表(Unordered List):使用
<ul>
标签创建,同样使用<li>
标签定义列表项,列表项会自动以项目符号进行排序。
<ul>
<li>苹果</li>
<li>香蕉</li>
<li>樱桃</li>
</ul>
- 定义列表(Definition List):使用
<dl>
标签创建,包含多个定义条目,每个条目由<dt>
(定义术语)和<dd>
(定义描述)组成。
<dl>
<dt>HTML</dt>
<dd>超文本标记语言(Hyper Text Markup Language)</dd>
<dt>CSS</dt>
<dd>层叠样式表(Cascading Style Sheets)</dd>
</dl>
在CSS中,可以通过样式规则来修饰这些列表,使它们以更加美观的方式呈现。
评论已关闭