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

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

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

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

3、> <head><title> 無序列表 </title></head> <body><ul><li> 默認(rèn)的無序列表加 "實(shí)心園 "<li> 默認(rèn)的無序列表 "實(shí)心園 "<li> 默認(rèn)的無序列表 "實(shí)心園 " </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> 有序列表和無序列表的使用格式差不多相同，它使用標(biāo)簽volv/ol，每一個(gè)列表項(xiàng)前使用li。ol列表的結(jié)果是帶有 前后順序之分的編號。假如插入和刪除一個(gè)列

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

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

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

8、gt;5-3 嵌套列表將一個(gè)列表嵌入到另一個(gè)列表中， 作為另一個(gè)列表的一部分， 叫 嵌套列表。 不管是有序列表和無序列表的嵌套， 掃瞄器都能夠自 動(dòng)地分成排列。實(shí)列： 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定義列表的標(biāo)記<DL>/vDT>/vDD>定義列表的標(biāo)記也叫描述性列表，定義列表默認(rèn)為兩個(gè)層次，第 一層為列表項(xiàng)標(biāo)簽<DT>第二層為注釋項(xiàng)標(biāo)簽<DD> vDTH <DD> 標(biāo)簽通常是成對使用的。也能夠一個(gè)列表項(xiàng)對應(yīng)于幾個(gè)解釋項(xiàng)， 這種方式專門少用。<DD默認(rèn)的注釋是顯示在另一行中，當(dāng)使用 <dl compact="compact"> 后,注釋項(xiàng)和列表項(xiàng)將顯示在同一行。其格式為：<dl><

溫馨提示

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

評論

0/150

提交評論