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

php中世界最好的语言
发布: 2018-01-26 09:55:22
原创
3897人浏览过

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

HTML

拾贝
拾贝

一键同步微信读书所有笔记和划线,并在新标签页回顾

拾贝 171
查看详情 拾贝
标签

#定义和用法

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

#实例

立即学习前端免费学习笔记(深入)”;

代码如下:

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

HTML

    标签

    #定义和用法

      标签定义无序列表。

      #实例

      立即学习前端免费学习笔记(深入)”;

      无序 HTML 列表:

      <ul>
        <li>Coffee</li>
        <li>Tea</li>
        <li>Milk</li>
      </ul>
      登录后复制

      HTML

    标签

    #定义与用法

      标签定义有序列表。

      #实例

      立即学习前端免费学习笔记(深入)”;

      有序 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>
      登录后复制

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

      相关阅读:

      HTML的元素怎么设置焦点

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

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

以上就是在HTML的列表中,dl(dt,dd)、ul(li)、ol(li) 有什么不同的详细内容,更多请关注php中文网其它相关文章!

相关标签:
HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号