html5 ------有、无序列表 & 自定义列表
程序员文章站
2022-04-02 17:45:25
...
1、无序列表 ul
<ul> 标签定义无序列表。
<li> 标签定义列表项目。
<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。
无序列表的各个列表之间没有顺序级别，是并列的
语法格式：
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
注意：ul 内只能包含 li ,不能含其他标签
2、有序列表 ol （不常用）
HTML <ol> 标签
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
3、自定义列表 dl dt dd
定义和用法
<dl> 标签定义了定义列表（definition list）。
<dl> 标签用于结合 <dt> （定义列表中的项目）和 <dd> （描述列表中的项目）。
<dl>
<dt>计算机</dt>
<dd>用来计算的仪器 ... ...</dd>
<dt>显示器</dt>
<dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>无序列表</title>
</head>
<body>
<h3>无序列表</h3>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
<h3>有序列表</h3>
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<h3>自定义列表</h3>
<dl>
<dt>计算机</dt>
<dd>用来计算的仪器 ... ...</dd>
<dt>显示器</dt>
<dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>
</body>
</html>
上一篇： 不谈手机谈VR HTC如何才能咸鱼翻身