首頁  >  文章  >  web前端  >  在HTML的列表中,dl(dt,dd)、ul(li)、ol(li) 有什麼不同

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

php中世界最好的语言
php中世界最好的语言原創
2018-01-26 09:55:223488瀏覽

這次帶給大家在HTML的清單中,dl(dt,dd)、ul(li)、ol(li) 有什麼不同,在HTML的清單中,使用dl( dt,dd)、ul(li)、ol(li) 的注意事項有哪些,以下就是實戰案例,一起來看一下。

HTML 5c69336ffbc20d23018e48b396cdd57a 標籤

#定義與用法

5c69336ffbc20d23018e48b396cdd57a 標籤定義了定義清單(definition list) 。
5c69336ffbc20d23018e48b396cdd57a 標籤用於結合 73de882deff7a050a357292d0a1fca94 (定義清單中的項目)和 67bc4f89d416b0b8236eaa5f43dee742 (描述清單中的項目)。

#實例

程式碼如下:

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

HTML ff6d136ddc5fdfeffaf53ff6ee95f185標籤

#定義與用法

##ff6d136ddc5fdfeffaf53ff6ee95f185標籤定義無序列表。

#實例

無序HTML 清單:

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

HTML c34106e0b4e09414b63b2ea253ff83d6 標籤

#定義與用法

#09471ad0eb7abf3904b81228b087d334 標籤定義有序列表。

#實例

有序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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn