HTML 列表

HTML列表

HTML 支持有序、无序和定义列表:

ul是unordered lists的缩写 (无序列表)

li是list item的缩写 (列表项目)

ol是ordered lists的缩写(有序列表)

dl是definition lists的英文缩写 (自定义列表)

dt是definition term的缩写 (自定义列表组)

dd是definition description的缩写(自定义列表描述)

nl是navigation lists的英文缩写 (导航列表)

HTML有序列表

有序列表也是一列项目,列表项目使用数字进行标记。 有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

列表项使用数字来标记。

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

HTML无序列表

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

无序列表使用 <ul> 标签,这个也是用的最多的html列表。

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

HTML自定义列表

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

自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>

列表相关标签

标签 描述
<ol> 定义有序列表
<ul> 定义无序列表
<li> 定义列表项
<dl> 定义列表
<dt> 自定义列表项目
<dd> 定义自定列表项的描述

相关教程

  • HTML 教程
    HTML 教程

    超文本标记语言(英语:HyperText Markup Language,简

  • HTML5 教程
    HTML5 教程

    HTML5是超文本标记语言第5代(HyperText Markup Langu

  • CSS 教程
    CSS 教程

    CSS是层叠样式表(英文全称:Cascading Style Sheets)的

  • CSS3 教程
    CSS3 教程

    我们都知道CSS用于控制网页的样式和布局,CSS3是

  • Sass 教程
    Sass 教程

    Sass (英文全称:Syntactically Awesome Stylesheets) 是一个

  • Layui 教程
    Layui 教程

    Layui 是一套开源的 Web UI 组件库,采用自身轻量级

  • Bootstrap3 教程
    Bootstrap3 教程

    Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob

  • Bootstrap4 教程
    Bootstrap4 教程

    Bootstrap4 是一套用于 HTML、CSS 和 JS 开发的开源工

  • Bootstrap5 教程
    Bootstrap5 教程

    Bootstrap5目前是Bootstrap的最新版本,是一套用于

  • AppML 教程
    AppML 教程

    appML是一个为web应用程序设计的HTML扩展框,结合

  • Font Awesome 教程
    Font Awesome 教程

    Font Awesome是为Twitter Bootstrap 设计的图标字体。通

  • Foundation5 教程
    Foundation5 教程

    Foundation用于开发响应式的HTML, CSS and JavaScript 框架