HTML 列表
HTML 列表标签
作用:表格是用来展示数据的,而列表是用来布局页面的。
列表的特点:
整齐、整洁、有序、用列表布局会更加自由、方便
列表的分类:
无序列表
有序列表
自定义列表
无序列表(使用次数多)
<ul>标签表示HTML页面项目中的无序列表,使用<li>标签表示无序列表中的列表项
语法:
<ul>
<li></li>
...
</ul>
注意:
1. <ul>标签中只能放<li>标签,不能放文字和其他标签
2. <li>标签中可以放任何标签
有序列表
有序列表即为有排列顺序的列表,列表中的列表项有顺序的排列
<ol>标签表示有序列表,<li>表示列表项
语法:
<ol>
<li></li>
...
</ol>
注意:
1. <ol>标签中只能放<li>标签,不能放文字和其他标签
2. <li>标签中可以放任何标签
自定义列表
在HTML标签中,<dl>标签用于定义描述列表(自定义列表),<dt>标签定义项目/名字,<dd>描述项目或名字
使用场景:
自定义列表常用于对术语或名词进行解析和描述,自定义列表的列表项前没有任何符号
语法:
<dl>
<dt></dt>
<dd></dd>
...
</dl>
注意:
1. <dl></dl>只能包含<dt>和<dd>标签
2. <dt>和<dd>可以有多个,一个<dt>包含多个<dd>

浙公网安备 33010602011771号