網(wǎng)站制作的建立列表_第1頁
網(wǎng)站制作的建立列表_第2頁
網(wǎng)站制作的建立列表_第3頁
已閱讀5頁，還剩3頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權，請進行舉報或認領

文檔簡介

1、在html頁面中，合理的使用列表標簽能夠起到提綱和格式排序 文件的作用。列表分為兩類，一是無序列表，一是有序列表，無序列表確實是 項目各條列間并無順序關系，純粹只是利用條列來呈現(xiàn)資料而 已，此種無序標簽，在各條列前面均有一符號以示區(qū)隔。而有序 條列確實是指各條列之間是有順序的，比如從1、2、3一直延伸下去。列表的要緊標簽標簽描述<UL>無序列表<OL>有序列表<DIR>目錄列表<DL>定義列表<MENU>菜單列表<DL>/<DT>/vDD>定義列表的標記<LI>列表項目的標記5-1無序列表UL

2、無序列表使用的一對標簽是 vulv/ul，無序列表指沒有進行編 號的列表,每一個列表項前使用LI。LI的屬性type有三個選項,這三個選項都必須小寫:disc實心園 circle 空心園 square小方塊ul假如不使用其項目vli的屬性值，即默認情況下的vul會加 "實心園"格式1:<UL>LI第一項LI第二項LI第三項v/UL>格式2<ul><li type=disc> 第一項<li type=circle>第二項<li type=square>第三項v/ul>示例 5-1.html<html

3、> <head><title> 無序列表 </title></head> <body><ul><li> 默認的無序列表加 "實心園 "<li> 默認的無序列表 "實心園 "<li> 默認的無序列表 "實心園 " </ul><ul><li type=square> 無序列表 square 加方塊<li type=square> 無序列表 square 加方塊<li typ

4、e=square> 無序列表 square 加方塊 </ul><ul><li type=circle> 無序列表 circle 加空心園<li type=circle>無序列表 circle 加空心園<li type=circle>無序列表 circle 加空心園</ul></body> </html> 5-2 有序列表 <OL> 有序列表和無序列表的使用格式差不多相同，它使用標簽volv/ol，每一個列表項前使用li。ol列表的結果是帶有 前后順序之分的編號。假如插入和刪除一個列

5、表項， 編號會自動 調(diào)整。順序編號的設置是由ol的兩個屬性type和start來完成的。 start=編號開始的數(shù)字，如start=2則編號從2開始，假如從1 開始能夠省略，或是在li標簽中設定value ="n"改變列表行 項目的特定編號，例如li value="7"。type=用于編號的數(shù)字, 字母等的類型，如type=a，則編號用英文字母。為了使用這些 屬性，把它們放在ol或li的的初始標簽中。有序列表type的屬性type類型描述type=1表示列表項目用數(shù)字標號（1,2,3）type=A表示列表項目用大寫字母標號（A,B,C.）type=a表示

6、列表項目用小與字母標號（a,b,c.）type=I表示列表項目用大寫羅馬數(shù)字標號（I , n,川.）type=i表示列表項目用小寫羅馬數(shù)字標號（i,ii,iii.）格式1vol type=編號類型 start=value><li>第1項<li>第2項<li>第3項v/ol>格式2<ol><li>第1項<li>第2項<li>第3項</ol>實例：5-2.html<html><head><title> 有序列表 </title></hea

7、d><body><ol><li>默認的有序列表<li>默認的有序列表<li>默認的有序列表</ol><ol type=a start=5><li>第1項<li>第2項<li>第3項 <li value= 20> 第 4 項</ol> <ol type= I start=2><li> 第 1 項<li> 第 2 項<li> 第 3 項</ol></body></html&

8、gt;5-3 嵌套列表將一個列表嵌入到另一個列表中， 作為另一個列表的一部分， 叫 嵌套列表。 不管是有序列表和無序列表的嵌套， 掃瞄器都能夠自 動地分成排列。實列： 5-3.html<HTML><HEAD><TITLE>嵌套列表 v/TITLE></HEAD><BODY> vh3> 目錄 v/h3><ol type=a>vli> 這是以序號類型 a 開頭第一行內(nèi)容 v/li>vli> 這是以序號類型 a 開頭第二行內(nèi)容 v/li> vol type=A start=3>&l

9、t;li>這是以序號A類型C開頭第一行內(nèi)容</li> <li>這是以序號A類型C開頭第二行內(nèi)容</li> vol type=1 start=51>vli> 這是以序號數(shù)字 51 開頭第一行內(nèi)容 v/li> vli> 這是以序號數(shù)字 51 開頭第二行內(nèi)容 v/li> vli> 這是以序號數(shù)字 51 開頭第三行內(nèi)容 v/li> v/ol><li>這是以序號A類型C開頭第三行內(nèi)容</li>v/ol>vli> 這是以序號類型 a 開頭第三行內(nèi)容 v/li>v/ol>vHR> v/BODY>v/HTML>5-4定義列表的標記<DL>/vDT>/vDD>定義列表的標記也叫描述性列表，定義列表默認為兩個層次，第 一層為列表項標簽<DT>第二層為注釋項標簽<DD> vDTH <DD> 標簽通常是成對使用的。也能夠一個列表項對應于幾個解釋項， 這種方式專門少用。<DD默認的注釋是顯示在另一行中，當使用 <dl compact="compact"> 后,注釋項和列表項將顯示在同一行。其格式為：<dl><

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論