明輝手游網(wǎng)中心:是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺!

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

[摘要]這次給大家?guī)碓贖TML的列表中,dl(dt,dd)、ul(li)、ol(li) 有什么不同,在HTML的列表中,使用dl(dt,dd)、ul(li)、ol(li) 的注意事項有哪些,下面就是實戰(zhàn)案例,一起來看一下。HTML <dl> 標簽#定義和用法<dl> 標簽定義了定...
這次給大家?guī)碓贖TML的列表中,dl(dt,dd)、ul(li)、ol(li) 有什么不同,在HTML的列表中,使用dl(dt,dd)、ul(li)、ol(li) 的注意事項有哪些,下面就是實戰(zhàn)案例,一起來看一下。

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>

相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網(wǎng)其它相關文章!

相關閱讀:

HTML的元素怎么設置焦點

html怎樣使用超鏈接打開新窗口并且控制該窗口屬性

a標簽href屬性與onclick事件應該如何使用

以上就是在HTML的列表中,dl(dt,dd)、ul(li)、ol(li) 有什么不同的詳細內容,更多請關注php中文網(wǎng)其它相關文章!


網(wǎng)站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網(wǎng)站。