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

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

HTML <dl> 標(biāo)簽

#定義和用法

<dl> 標(biāo)簽定義了定義列表(definition list)。
<dl> 標(biāo)簽用于結(jié)合 <dt> (定義列表中的項(xiàng)目)和 <dd> (描述列表中的項(xiàng)目)。

#實(shí)例

代碼如下:

<dl>
   <dt>計(jì)算機(jī)</dt>
   <dd>用來計(jì)算的儀器 ... ...</dd>
   <dt>顯示器</dt>
   <dd>以視覺方式顯示信息的裝置 ... ...</dd>
</dl>

HTML <ul> 標(biāo)簽

#定義和用法

<ul> 標(biāo)簽定義無序列表。

#實(shí)例

無序 HTML 列表:

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

HTML <ol> 標(biāo)簽

#定義與用法

<ol> 標(biāo)簽定義有序列表。

#實(shí)例

有序 HTML 列表:

<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

ul可以結(jié)合ol定義菜單及子菜單

<ul>
    <li><a href="#">內(nèi)容過濾</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>

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

相關(guān)閱讀:

HTML的元素怎么設(shè)置焦點(diǎn)

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

a標(biāo)簽href屬性與onclick事件應(yīng)該如何使用

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


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