html的清單

圓點清單(無序清單)

無序清單的標籤碼為<ul>清單內容</ul>

而在清單內容中,要用<li></li>來括著清單的物件,例如<li>apple</li>

例子︰

<ul>
<li>物件1
<li>物件2
<li>物件3
</ul>

上面的網頁顯示結果為︰

  • 物件1
  • 物件2
  • 物件3

<ul>的標籤內還有一些參數可以讓顯出的效果不同 :

<ul type=disc>會顯示實心的小圓點

<ul type=circle>會顯示空心的小圓點

<ul type=square>會顯示實心正方黑點


數字清單(有序清單)<ol>

有序清單的結構為︰

<ol>
<li>物件1
<li>物件2
<li>物件3
</ol>

上面的網頁原始碼會有以下的顯示效果︰

  1. 物件1
  2. 物件2
  3. 物件3
    有序清單跟無序清單一樣,都有一性屬性來控制顯示的效果︰
  • type=A(控制清單之前數字的參數顯示成A. B. C……)
  • type=a (控制清單之前數字的參數顯示成a. b. c……)
  • type=I (控制清單之前數字的參數顯示成I. II. III……)
  • type=i (控制清單之前數字的參數顯示成i. i. iii……)
  • start=起始的數值

 

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 變更 )

Twitter picture

You are commenting using your Twitter account. Log Out / 變更 )

Facebook照片

You are commenting using your Facebook account. Log Out / 變更 )

Google+ photo

You are commenting using your Google+ account. Log Out / 變更 )

連結到 %s