振宇網頁設計公司
關於振宇 網站設計作品 網站排名 線上洽詢
Html 語法教學 - 清單設定
2010/10/26

一、圓頭清單

只要加入<ul>的碼,便可製出有小圓頭的清單:

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

呈現如:

  • 物件清單1
  • 物件清單2
  • 物件清單3

在<ul>的標籤內加入一些參數就可以讓顯出的效果有所變動唷:

例1:
<ul type=disc><li>這是一般的小圓點</li></ul>

呈現如:

  • 這是一般的小圓點

例2:
<ul type=circle><li>這是空心的小圓點</li></ul>

呈現如:

  • 這是空心的小圓點

例3:
<ul type=square><li>這是實心正方黑點</li></ul>

呈現如:

  • 這是實心正方黑點

 

二、數字清單

跟小圓頭的方式很像,只要加入<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=起始的數值

 

三、定義清單

一般做為解釋一樣動作,加入以下的碼便可做一個定義清單:

<dl>
<dt>耗子
<dd>是這裡的站長
<dt>電腦
<dd>已成為人類生活的一部分
</dl>

呈現如:

耗子
是這裡的站長
電腦
已成為人類生活的一部分

 

最後更新 ( 2010/10/26 )
相關文章
更多網頁設計教學

網站設計 FAQ

網站架構圖及設計流程

More...

網頁設計包括哪些費用?

More...

網站建置需要多少時間?

More...
預算有限,想先體驗網路行銷的效果嗎?
More...
如何讓商機源源不絕而來?
More...
我需不需要自行架設主機呢?
More...
什麼是網域名稱(網址)?什麼是虛擬主機(網站空間)?
More...

RUS Website Design 瑞宇.台中網頁設計公司  Copyright © 2004 振宇網頁設計 All rights Reserved.  線上詢價
振宇首頁關於振宇設計作品線上洽詢常見問題新聞時事網頁設計教學友站連結網站地圖  免費交換連結
回到首頁 聯絡振宇