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

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

一、上下層列表標籤:

..：

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

程式碼如下:

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

登入後複製

二、定義有序列表:

屬性：
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：列表起點
　

1. :列表內容
   
   

   #程式碼如下:

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

   登入後複製

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

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

2. :列表內容
   
   

   
   

   #程式碼如下：

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

   登入後複製

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