沃梦达 / HTML/CSS / HTML / 正文

HTML 列表

2023-10-24

HTML列表 HTML 支持有序、无序和定义列表: ul是unordered lists的缩写 (无序列表) li是list item的缩写 (列表项目) ol是ordered lists的缩写(有序列表) dl是definition lists的英文缩写 (自定义列表) dt是definition term的缩写 (自定义列表组) dd是definition descriptio

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 table表格
下一篇: HTML区块div和span

教程推荐

猜你喜欢