您的位置: 首页 > 软件教程 > HTML教程专题 > HTML 中dl(dt,dd)、ul(li)、ol(li) 的使用方法

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

9.0分
出处:三联 时间:2014-11-25

您可能感兴趣的话题: HTML  

核心提示:本教程主要介绍了HTML 中dl(dt,dd)、ul(li)、ol(li) 的使用方法,大家一起来看看吧!

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>

以上HTML 中dl(dt,dd)、ul(li)、ol(li) 的使用方法,希望对大家有所帮助,感谢您对2345软件大全的支持,更多软件教程请关注2345软件大全。

网友评论
精品软件课程
更多 >
Adobe Flash,是Macromedi... [详细]
Dreamweaver是网页制作和管理的所见... [详细]
MySQL是一个小型关系型数据库管理系统,被... [详细]
PHP是一种 HTML 内嵌式的语言,是一种... [详细]
Dreamweaver是网页制作和管理的所见... [详细]
JavaScript是基于对象和事件驱动并具... [详细]