萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> Html5 >> HTML中dl、ul、ol使用方法

HTML中dl、ul、ol使用方法

下面是HTML中dl、ul、ol使用方法

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中dl、ul、ol使用方法,希望大家繼續關注本網站。

copyright © 萬盛學電腦網 all rights reserved