^{<noscript id="ikzim"></noscript>}

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

2019-10-26 17:17:43

字體：大中小

來源：轉載

供稿：網友

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>

上一篇：常用HTML meta 標簽屬性(網站兼容與優化需要)

下一篇：深度剖析HTML的語意和與其相關的前端框架