HTML 中的 dl(dt,dd)、ul(li)、ol(li) 使用方法

來源：本站原創(chuàng)|時間：2020-01-10|欄目：CSS/HTML|點擊：次

HTML <dl> 標(biāo)簽

#定義和用法

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

#實例

復(fù)制代碼

代碼如下:

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

HTML <ul> 標(biāo)簽

#定義和用法

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

#實例

無序 HTML 列表：

復(fù)制代碼

代碼如下:

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

HTML <ol> 標(biāo)簽

#定義與用法

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

#實例

有序 HTML 列表：

復(fù)制代碼

代碼如下:

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

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

復(fù)制代碼

代碼如下:

<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>

上一篇：input輸入框中的光標(biāo)大小顯示不一致的解決方法

欄目：CSS/HTML

下一篇：HTML中禁用表單控件的兩種方法readonly與disabled

本文標(biāo)題：HTML 中的 dl(dt,dd)、ul(li)、ol(li) 使用方法

本文地址：http://mengdiqiu.com.cn/a1/CSS_HTML/9727.html

更多CSS/HTML