评论

收藏

[Html/CSS] HTML 中的 dl(dt,dd)、ul(li)、ol(li) 使用方法

开发技术 开发技术 发布于:2021-09-15 12:43 | 阅读数:276 | 评论:0

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>
关注下面的标签,发现更多相似文章