DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> html無序列表標簽和有序列表標簽使用示例
html無序列表標簽和有序列表標簽使用示例
編輯:HTML和Xhtml     

一、上下層列表標簽:<dl>..</dl>:

上層dt
下層dd:封裝的內容會被自動縮進的效果


復制代碼代碼如下:
<dl>
<dt>運動戶外</dt>
<dd>板鞋</dd>
<dd>籃球鞋</dd>
<dd>足球鞋</dd>
<dd>跑步鞋</dd>
</dl>

二、定義有序列表: <ol>

屬性:
type: 可以設置排序的樣式 (也可以給li單獨加這個屬性)
1表示以 1,2,3,4 來表示
a 表示以 a,b,c,d 來表示
A 表示以 A,B,C,D 來表示
i 表示以 i,ii ,iii 來表示
I 表示以 I,II,III來表示
start:列表起點
 <li>:列表內容

復制代碼代碼如下:
<ol type="a" start="55">
<li>板鞋</li>
<li>籃球鞋</li>
<li>跑步鞋</li>
<li>足球鞋</li>
</ol>

三、定義無序列表:<ul>

屬性:type:可以設置排序的樣式 也可以給li單獨加這個屬性
dise 實心圓(默認值)
circle 空心圓
square 實心方塊
<li>:列表內容

復制代碼代碼如下:
<ul type="square">
<li type="disc">板鞋</li>
<li>籃球鞋</li>
<li>跑步鞋</li>
<li>足球鞋</li>
</ul>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved