版權(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)簽?zāi)軌蚱鸬教峋V和格式排序 文件的作用。列表分為兩類,一是無(wú)序列表,一是有序列表,無(wú)序列表確實(shí)是 項(xiàng)目各條列間并無(wú)順序關(guān)系,純粹只是利用條列來(lái)呈現(xiàn)資料而 已,此種無(wú)序標(biāo)簽,在各條列前面均有一符號(hào)以示區(qū)隔。而有序 條列確實(shí)是指各條列之間是有順序的,比如從1、2、3一直延伸下去。列表的要緊標(biāo)簽標(biāo)簽描述<UL>無(wú)序列表<OL>有序列表<DIR>目錄列表<DL>定義列表<MENU>菜單列表<DL>/<DT>/vDD>定義列表的標(biāo)記<LI>列表項(xiàng)目的標(biāo)記5-1無(wú)序列表UL
2、無(wú)序列表使用的一對(duì)標(biāo)簽是 vulv/ul,無(wú)序列表指沒(méi)有進(jìn)行編 號(hào)的列表,每一個(gè)列表項(xiàng)前使用LI。LI的屬性type有三個(gè)選項(xiàng),這三個(gè)選項(xiàng)都必須小寫(xiě):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> 無(wú)序列表 </title></head> <body><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 typ
4、e=square> 無(wú)序列表 square 加方塊 </ul><ul><li type=circle> 無(wú)序列表 circle 加空心園<li type=circle>無(wú)序列表 circle 加空心園<li type=circle>無(wú)序列表 circle 加空心園</ul></body> </html> 5-2 有序列表 <OL> 有序列表和無(wú)序列表的使用格式差不多相同,它使用標(biāo)簽volv/ol,每一個(gè)列表項(xiàng)前使用li。ol列表的結(jié)果是帶有 前后順序之分的編號(hào)。假如插入和刪除一個(gè)列
5、表項(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)始,假如從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)目用大寫(xiě)字母標(biāo)號(hào)(A,B,C.)type=a表示
6、列表項(xiàng)目用小與字母標(biāo)號(hào)(a,b,c.)type=I表示列表項(xiàng)目用大寫(xiě)羅馬數(shù)字標(biāo)號(hào)(I , n,川.)type=i表示列表項(xiàng)目用小寫(xiě)羅馬數(shù)字標(biāo)號(hào)(i,ii,iii.)格式1vol type=編號(hào)類型 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è)列表的一部分, 叫 嵌套列表。 不管是有序列表和無(wú)序列表的嵌套, 掃瞄器都能夠自 動(dòng)地分成排列。實(shí)列: 5-3.html<HTML><HEAD><TITLE>嵌套列表 v/TITLE></HEAD><BODY> vh3> 目錄 v/h3><ol type=a>vli> 這是以序號(hào)類型 a 開(kāi)頭第一行內(nèi)容 v/li>vli> 這是以序號(hào)類型 a 開(kāi)頭第二行內(nèi)容 v/li> vol type=A start=3>&l
9、t;li>這是以序號(hào)A類型C開(kāi)頭第一行內(nèi)容</li> <li>這是以序號(hào)A類型C開(kāi)頭第二行內(nèi)容</li> vol type=1 start=51>vli> 這是以序號(hào)數(shù)字 51 開(kāi)頭第一行內(nèi)容 v/li> vli> 這是以序號(hào)數(shù)字 51 開(kāi)頭第二行內(nèi)容 v/li> vli> 這是以序號(hào)數(shù)字 51 開(kāi)頭第三行內(nèi)容 v/li> v/ol><li>這是以序號(hào)A類型C開(kāi)頭第三行內(nèi)容</li>v/ol>vli> 這是以序號(hào)類型 a 開(kāi)頭第三行內(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)簽通常是成對(duì)使用的。也能夠一個(gè)列表項(xiàng)對(duì)應(yīng)于幾個(gè)解釋項(xiàng), 這種方式專門(mén)少用。<DD默認(rèn)的注釋是顯示在另一行中,當(dāng)使用 <dl compact="compact"> 后,注釋項(xiàng)和列表項(xiàng)將顯示在同一行。其格式為:<dl><
溫馨提示
- 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ì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 2024年知識(shí)競(jìng)賽-湘潭市出租汽車駕駛員知識(shí)競(jìng)賽考試近5年真題集錦(頻考類試題)帶答案
- 2024年知識(shí)競(jìng)賽-咖啡店及經(jīng)營(yíng)知識(shí)考試近5年真題集錦(頻考類試題)帶答案
- 培養(yǎng)孩子的道德判斷力計(jì)劃
- 尋找提升職業(yè)競(jìng)爭(zhēng)力的資源計(jì)劃
- 提升員工滿意度的調(diào)研與對(duì)策計(jì)劃
- 探索新興崗位的人才培養(yǎng)計(jì)劃
- 加強(qiáng)部門(mén)間協(xié)作推動(dòng)整體發(fā)展計(jì)劃
- 煙花爆竹經(jīng)營(yíng)單位主要負(fù)責(zé)人證考試題庫(kù)及答案
- 小學(xué)二年級(jí)班會(huì)主題4篇
- 煤礦企業(yè)常用合同模板
- Unit 2 We're Family教學(xué)設(shè)計(jì)2024年秋人教版新教材七年級(jí)英語(yǔ)上冊(cè)
- 2023沈陽(yáng)法院書(shū)記員真題
- 降水施工降水井施工方案
- 異地就醫(yī)備案的個(gè)人承諾書(shū)
- SAAS軟件銷售服務(wù)合同
- 《朝花夕拾》讀書(shū)分享完整版
- QCT1177-2022汽車空調(diào)用冷凝器
- 壓力性損傷與皮膚護(hù)理操作流程
- 帕格尼尼完整版本
- 2024康復(fù)治療協(xié)議書(shū)范本
- 備考2024年中考數(shù)學(xué)核心素養(yǎng)十八 四邊形的動(dòng)態(tài)幾何問(wèn)題
評(píng)論
0/150
提交評(píng)論