html列表

html支持有序、无序和定义列表。

无序列表

无序列表是一个项目的列表,此项目使用粗体圆点(典型的小黑圆圈)进行标记。

无序列表始于<ul>标签,每个列表项始于<li>。列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

<ul>

<li>111</li>

<li>222</li>

</ul>

浏览器显示:

  • 111
  • 222

有序列表

有序列表也是一列项目,列表项目使用数字进行标记。

有序列表始于<ol>标签,每个列表项始于<li>。列表项内部可以使用段落、换行符、图片、链接以及其他列表等

<ol>

<li>111</li>

<li>222</li>

</ol>

浏览器显示:

  1. aaa
  2. bbb

 定义列表

自定义列表不仅仅是一列项目,而是项目及其注释的组合。

自定义列表以<dl>标签开始。每个自定义列表项以<dt>开始,每个自定义列表项的定义以<dd>开始。列表项内部可以使用段落、换行符、图片、链接以及其他列表等

<dl>

<dt>Coffee</dt>

<dd>Black hot drink</dd>

<dt>Milk</dt>

<dd>White cold drink</dd>

</dl>

浏览器显示:

Coffee
Black hot drink
Milk
White cold drink

不同类型的无序列表,用type定义。

    • 苹果
    • 苹果
    • 苹果

不同类型的有序列表,用type定义。

  1. 苹果
  1. 苹果
  1. 苹果

 列表还可以嵌套

一个嵌套列表:

  • 咖啡
    • 红茶
    • 绿茶
  • 牛奶
标签 描述
<ol> 定义有序列表
<ul> 定义无序列表
<li> 定义列表项
<dl> 定义定义列表
<dt> 定义定义项目
<dd> 定义定义的描述
原文地址:https://www.cnblogs.com/chhom/p/4932493.html