前端学习day5（列表标签）

列表标签

1.无序列表

无序列表的使用场景：各个列表项之间没有相应的顺序之分，属于并列结构。

用法：<ul>

<li>列表项1</li>

<li>列表项2</li>

...

</ul>

两个ul标签里面只能是li标签，不能包含其他的标签（或者说其他元素的标签是不被允许的），但是两个li标签内可以包含多种元素标签。

无序列表有自己的样式属性，可以通过CSS来进行设置。

2.有序列表

有序列表的使用场景：各个列表项之间有相应的顺序之分，列表时要保证每个数据的顺序正确

用法：<ol>

<li>列表项1</li>

<li>列表项2</li>

...

</ol>

两个ol标签里面只能是li标签，不能包含其他的标签（或者说其他元素的标签是不被允许的），但是两个li标签内可以包含多种元素标签。

有序列表同样有自己的样式属性，可以通过CSS来进行设置。

3.自定义列表

自定义列表的使用场景：主要用于对术语或名词的解释和阐述。

使用方法：

<dl>

<dt>名词1</dt>

<dd>名词解释1</dd>

<dd>名词解释2</dd>

...

</dl>

注∶两个dl标签内只能包含dt和dd标签；

一个dt中可以有多个dd标签；

dl标签内的dt也可以有多个。