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

下載本文檔

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

文檔簡(jiǎn)介

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

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

3、0;       <li type=disc>第一項(xiàng)        <li type=circle>第二項(xiàng)        <li type=square>第三項(xiàng)</ul>示例 5-1.html<html><head><title>無(wú)序列表</title></head><body>

4、<ul><li>默認(rèn)的無(wú)序列表加"實(shí)心園"<li>默認(rèn)的無(wú)序列表"實(shí)心園"<li>默認(rèn)的無(wú)序列表"實(shí)心園"</ul><ul><li type=square>無(wú)序列表square加方塊<li type=square>無(wú)序列表square加方塊<li type=square>無(wú)序列表square加方塊</ul><ul><li type=circle>無(wú)序列表circle加空心園<li typ

5、e=circle>無(wú)序列表circle加空心園<li type=circle>無(wú)序列表circle加空心園</ul></body></html>5-2 有序列表<OL>有序列表和無(wú)序列表的使用格式基本一樣，它使用標(biāo)簽<ol></ol>，每一個(gè)列表項(xiàng)前使用<li>。<ol>列表的結(jié)果是帶有前后順序之分的編號(hào)。如果插入和刪除一個(gè)列表項(xiàng)，編號(hào)會(huì)自動(dòng)調(diào)整。順序編號(hào)的設(shè)置是由<ol>的兩個(gè)屬性type和start來(lái)完成的。start=編號(hào)開(kāi)始的數(shù)字，如start=2則編號(hào)從2開(kāi)始

6、，如果從1開(kāi)始可以省略，或是在<li>標(biāo)簽中設(shè)定value"n"改變列表行項(xiàng)目的特定編號(hào)，例如<li value="7">。type=用于編號(hào)的數(shù)字,字母等的類型，如type=a，則編號(hào)用英文字母。為了使用這些屬性，把它們放在<ol>或<li>的的初始標(biāo)簽中。 有序列表type的屬性type 類 型描 述type=1表示列表項(xiàng)目用數(shù)字標(biāo)號(hào)（1,2,3.）type=A表示列表項(xiàng)目用大寫字母標(biāo)號(hào)（A,B,C.）type=a表示列表項(xiàng)目用小寫字母標(biāo)號(hào)（a,b,c.）type=I表示列表項(xiàng)目用大寫羅馬數(shù)字

7、標(biāo)號(hào)（,.）type=i表示列表項(xiàng)目用小寫羅馬數(shù)字標(biāo)號(hào)（i,ii,iii.）格式1 <ol type=編號(hào)類型 start=value> <li>第1項(xiàng) <li>第2項(xiàng) <li>第3項(xiàng) </ol>格式2 <ol> <li>第1項(xiàng) <li>第2項(xiàng) <li>第3項(xiàng) </ol>實(shí)例：5-2.html<html><head><title>有序列表</title></head><body><ol><

8、;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>5-3 嵌套列表將一個(gè)列表嵌入到另一個(gè)列表中，作為另一個(gè)列表的一部分，叫嵌套列表。

9、無(wú)論是有序列表和無(wú)序列表的嵌套，瀏覽器都可以自動(dòng)地分成排列。實(shí)列：5-3.html<HTML><HEAD><TITLE>嵌套列表</TITLE></HEAD><BODY><h3>目錄</h3><ol type=a><li>這是以序號(hào)類型a開(kāi)頭第一行容</li><li>這是以序號(hào)類型a開(kāi)頭第二行容</li><ol type=A start=3><li>這是以序號(hào)A類型C開(kāi)頭第一行容</li><li&g

10、t;這是以序號(hào)A類型C開(kāi)頭第二行容</li><ol type=1 start=51><li>這是以序號(hào)數(shù)字51開(kāi)頭第一行容</li><li>這是以序號(hào)數(shù)字51開(kāi)頭第二行容</li><li>這是以序號(hào)數(shù)字51開(kāi)頭第三行容</li></ol><li>這是以序號(hào)A類型C開(kāi)頭第三行容</li></ol><li>這是以序號(hào)類型a開(kāi)頭第三行容</li></ol><HR></BODY></HTML&g

11、t;5-4 定義列表的標(biāo)記<DL>/<DT>/<DD>定義列表的標(biāo)記也叫描述性列表，定義列表默認(rèn)為兩個(gè)層次，第一層為列表項(xiàng)標(biāo)簽<DT>，第二層為注釋項(xiàng)標(biāo)簽<DD>。<DT>和<DD>標(biāo)簽通常是成對(duì)使用的。也可以一個(gè)列表項(xiàng)對(duì)應(yīng)于幾個(gè)解釋項(xiàng)，這種方式很少用。<DD>默認(rèn)的注釋是顯示在另一行中,當(dāng)使用<dl compact="compact">后,注釋項(xiàng)和列表項(xiàng)將顯示在同一行。其格式為：<dl> <dt>第1項(xiàng) <dd>注釋1 <d

12、t>第2項(xiàng) <dd>注釋2 <dt>第3項(xiàng) <dd>注釋3 </dl>實(shí)例：5-4.html<html><head><title>定義性列表</title></head><body>定義性列表<P><dl><dt> WWW：<dd> WWW是(World wide web)的縮寫，也可簡(jiǎn)寫web;<dt> WWW：<dd> WWW又叫萬(wàn)維網(wǎng);<dt> WWW：<dd> int

13、ernet提供的最常用的服務(wù)是WWW;</dl></body></html>5-5 目錄列表<DIR>和菜單列表<MENU><dir>為目錄列表標(biāo)簽,<menu>為菜單列表標(biāo)簽,它們的格式和無(wú)序列表<ul>是一樣的,例如:格式1: <dir> <li>第一項(xiàng) <li>第二項(xiàng) <li>第三項(xiàng) </dir>格式2 <menu> <li type=disc>第一項(xiàng) <li type=circle>第二項(xiàng) <

14、;li type=square>第三項(xiàng) </menu>實(shí)例：5-5.HTML<html><head><title>無(wú)序列表</title></head><body><ul><li>默認(rèn)的無(wú)序列表加"實(shí)心園"<li>默認(rèn)的無(wú)序列表"實(shí)心園"<li>默認(rèn)的無(wú)序列表"實(shí)心園"</ul><dir><li>默認(rèn)的目錄列表加"實(shí)心園"<li>默認(rèn)的目錄列表"實(shí)心園"<li>默認(rèn)的目錄列表"實(shí)心園"</dir><menu><li>默認(rèn)的菜單列表加"實(shí)心園"<li>默認(rèn)的菜單列表"實(shí)心園"<li>默認(rèn)的菜單列表"實(shí)心園"</menu><dir><li type=square>目錄列表square加方塊<li type=s

溫馨提示

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

評(píng)論

0/150

提交評(píng)論