html無序列表標籤和有序列表標籤使用實例詳解

這篇文章主要介紹了html無序列表標籤和有序列表標籤使用範例,需要的朋友可以參考下

一、上下層列表標籤:5c69336ffbc20d23018e48b396cdd57a..f6b5b11aead3100741c13703fee2012b：

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

程式碼如下:

<dl>
<dt>运动户外</dt>
<dd>板鞋</dd>
<dd>篮球鞋</dd>
<dd>足球鞋</dd>
<dd>跑步鞋</dd>
</dl>

二、定義有序列表: c34106e0b4e09414b63b2ea253ff83d6

屬性：
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：列表起點
　25edfb22a4f469ecb59f1190150159c6:列表內容

#程式碼如下:

<ol type="a" start="55">
<li>板鞋</li>
<li>篮球鞋</li>
<li>跑步鞋</li>
<li>足球鞋</li>
</ol>

三、定義無序列表：< ;ul>

屬性：type：可以設定排序的樣式也可以給li單獨加這個屬性
dise 實心圓(預設值)
circle 空心圓
square 實心方塊
25edfb22a4f469ecb59f1190150159c6:列表內容

#程式碼如下：

<ul type="square">
<li type="disc">板鞋</li>
<li>篮球鞋</li>
<li>跑步鞋</li>
<li>足球鞋</li>
</ul>

更多html無序列表標籤和有序列表標籤使用實例詳解相關文章請關注PHP中文網！