在HTML的列表中,dl(dt,dd)、ul(li)、ol(li) 有什么不同


本文摘自PHP中文网,作者php中世界最好的语言,侵删。

这次给大家带来在HTML的列表中,dl(dt,dd)、ul(li)、ol(li) 有什么不同,在HTML的列表中,使用dl(dt,dd)、ul(li)、ol(li) 的注意事项有哪些,下面就是实战案例,一起来看一下。

HTML <dl> 标签

#定义和用法

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

#实例

代码如下:

1

2

3

4

5

6

<dl>

   <dt>计算机</dt>

   <dd>用来计算的仪器 ... ...</dd>

   <dt>显示器</dt>

   <dd>以视觉方式显示信息的装置 ... ...</dd>

</dl>

HTML <ul> 标签

#定义和用法

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

#实例

无序 HTML 列表:

1

2

3

4

5

<ul>

  <li>Coffee</li>

  <li>Tea</li>

  <li>Milk</li>

</ul>

HTML <ol> 标签

#定义与用法

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

#实例

有序 HTML 列表:

1

2

3

4

5

<ol>

  <li>Coffee</li>

  <li>Tea</li>

  <li>Milk</li>

</ol>

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

1

2

3

4

5

6

7

8

9

10

11

12

13

<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>

相信看了这些案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

相关阅读:

HTML的元素怎么设置焦点

html怎样使用超链接打开新窗口并且控制该窗口属性

a标签href属性与onclick事件应该如何使用

以上就是在HTML的列表中,dl(dt,dd)、ul(li)、ol(li) 有什么不同的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

Html blockquote标签怎么用?Html blockquote标签的作用详解

Html语义化有那些作用

Html的<meter>标签是做什么的

Html中iframe与frame有哪些区别

Html embed标签怎么用

Html如何给字体加粗

Html怎么让字体加粗

Html css看什么书?

Html里怎么添加flash视频格式(flv、swf)文件

Html怎么导入图片

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...