在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怎么添加css样式?

Html的隐藏属性是什么

Html怎么实现滚动文字效果

如何使用Html在两个div标签中间画一条竖线

Html中的空格代码是什么

Html媒体(media)是什么

怎样使用Html网页中的锚点

Html设置怎么文字的位置

xml和Html之间的区别有哪些

Html中disabled与readonly的有什么不同之处?

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




打赏

取消

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

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

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

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

评论

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