HTML有序、无序、定义列表的使用

时间:2022-12-13 13:03:29
一、无序列表

1.基本语法

<ul>

<li></li>
</ul>

2.标签

(1)声明无序列表

<ul>...</ul>

(2)无序列表项

<li>...</li>

3.无序列表特征

1.没有顺序,每个li独占一行

2.默认li前面有个是心小圆点

3.一般导航栏,侧边栏,有规矩的图片和文字组合会使用无序列表

二、有序列表

1.基本语法

<ol>

<li></li>

</ol>

2.标签

(1)声明有序列表

<ol>...</ol>

(2)有序列表项

<li>...</li>

作用:在列表中显示文字

3.有序列表的特征

1.有顺序,每个li独占一行

2.默认li前面都带有顺序标签标记,比如123或abc

3.一般用于有排序类型的列表,比如调察问卷,试卷

三、定义列表

1.语法

<dl>

<dt></dt>

<dd></dd>

</dl>

2.标签

(1)声明定义列表

<dl>...</dl>

(2)声明列表项

<dt>...</dt>

(2)定义列表内容

<dd>...</dd>

3.定义列表的特征

1.没有顺序,每个dt标签和dd标签都都占一行

2.没有默认标记