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

下載本文檔

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

文檔簡介

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

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

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

4、<ul><li>默認的無序列表加"實心園"<li>默認的無序列表"實心園"<li>默認的無序列表"實心園"</ul><ul><li type=square>無序列表square加方塊<li type=square>無序列表square加方塊<li type=square>無序列表square加方塊</ul><ul><li type=circle>無序列表circle加空心園<li typ

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

6、，如果從1開始可以省略，或是在<li>標簽中設(shè)定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表示列表項目用小寫字母標號（a,b,c.）type=I表示列表項目用大寫羅馬數(shù)字

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

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

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

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

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

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

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

14、;li type=square>第三項 </menu>實例：5-5.HTML<html><head><title>無序列表</title></head><body><ul><li>默認的無序列表加"實心園"<li>默認的無序列表"實心園"<li>默認的無序列表"實心園"</ul><dir><li>默認的目錄列表加"實心園"<li>默認的目錄列表"實心園"<li>默認的目錄列表"實心園"</dir><menu><li>默認的菜單列表加"實心園"<li>默認的菜單列表"實心園"<li>默認的菜單列表"實心園"</menu><dir><li type=square>目錄列表square加方塊<li type=s

溫馨提示

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

評論

0/150

提交評論