HTML 中的 dl(dt,dd)、ul(li)、ol(li) 使用方法

来源：本站原创|时间：2020-01-10|栏目：CSS/HTML|点击：次

HTML <dl> 标签

#定义和用法

<dl> 标签定义了定义列表（definition list）。
<dl> 标签用于结合 <dt> （定义列表中的项目）和 <dd> （描述列表中的项目）。

#实例

复制代码

代码如下:

<dl>
<dt>计算机</dt>
<dd>用来计算的仪器 ... ...</dd>
<dt>显示器</dt>
<dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>

HTML <ul> 标签

#定义和用法

<ul> 标签定义无序列表。

#实例

无序 HTML 列表：

复制代码

代码如下:

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

HTML <ol> 标签

#定义与用法

<ol> 标签定义有序列表。

#实例

有序 HTML 列表：

复制代码

代码如下:

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

ul可以结合ol定义菜单及子菜单

复制代码

代码如下:

<ul>
<li><a href="#">内容过滤</a><li>
<li><a href="#">词语过滤</a></li>
<li class="s">
<div class="lsub">
<div>论坛</div>
<ol>
<li><a href="#">论坛主题管理</a></li>
<li><a href="#">论坛批量删帖</a></li>
</ol>
</div>
</li>
<ul>

上一篇：input输入框中的光标大小显示不一致的解决方法

栏目：CSS/HTML

下一篇：HTML中禁用表单控件的两种方法readonly与disabled

本文标题：HTML 中的 dl(dt,dd)、ul(li)、ol(li) 使用方法

本文地址：https://www.xiuzhanwang.com/a1/CSS_HTML/9727.html

更多CSS/HTML

CSS/HTML

HTML 中的 dl(dt,dd)、ul(li)、ol(li) 使用方法

您可能感兴趣的文章

阅读排行

本栏相关

随机阅读