在很多场合都需要使用列表,HTML提供了三种不同的列表

  • 有序列表是指为其中的每个项目编号的列表
  • 无序列表是指以点状项目符号(不用于表明顺序的字符)作为开头的列表
  • 定义列表是用一系列术语及其定义组成的列表

有序列表

<ol>,使用<ol>元素来创建有序列表

<li>,列表中每个项目都被置于起始标签<li>和结束标签</li>之间

无序列表

<ul>, 使用<ul>来创建无序列表

<li>,列表中每个项目都被置于起始标签<li>和结束标签</li>之间

定义列表

<dl>,定义列表由<dl>元素创建,并且通常包含一系列术语及其定义

在<dl>元素内部,经常能看到成对的<dt>和<dd>

<dt>元素用来包含被定义的术语

<dd>元素用来包含定义

嵌套列表

可以在<li>元素中放入另一个列表来创建子列表,或者叫嵌套列表

浏览器对嵌套列表的缩进比它父级列表更深。在嵌套的无序列表中,浏览器通常会改变项目符号的样式。

 

列表小结

  • HTML中有三种列表,有序列表,无序列表,和定义列表
  • 有序列表使用数字编号
  • 无序列表使用项目符号
  • 定义列表用来定义专业的术语
  • 列表可以嵌套在其他列表中

 

 

打赏