【文章內(nèi)容簡(jiǎn)介】 LI type=―加重符號(hào)類(lèi)型” 列表項(xiàng)目 2 …… /UL。 《 網(wǎng)頁(yè)設(shè)計(jì)與制作 》 《 網(wǎng)頁(yè)設(shè)計(jì)與制作 》 41 ?屬性： – 在無(wú)序列表的開(kāi)始和結(jié)束處 ， 分別是 UL和 /UL標(biāo)記 ， 每一項(xiàng)列表?xiàng)l目之前必須加上 LI標(biāo)記 。 – type屬性表示在每個(gè)項(xiàng)目前顯示加重符號(hào)的類(lèi)型 ， 共有三種選擇： type=―disc‖時(shí) ， 列表符號(hào)為 “●” （ 實(shí)心圓 ） ， type=―circle‖時(shí) ， 列表符號(hào)為 “○” （ 空心圓 ） ，type=―square‖時(shí) ， 列表符號(hào)為 “■” （ 實(shí)心方塊 ） 。 – UL和 LI標(biāo)記都可以定義 type參數(shù) ， 使得在一個(gè)列表中 ， 不同的列表項(xiàng)目可以用不同的列表符號(hào) ， 但一般情況下不要這樣設(shè)置 。 《 網(wǎng)頁(yè)設(shè)計(jì)與制作 》 《 網(wǎng)頁(yè)設(shè)計(jì)與制作 》 42 【 例 38】 無(wú)序列表標(biāo)記的應(yīng)用 HTML HEAD TITLE無(wú)序列表標(biāo)記示例 /TITLE /HEAD BODY 這是一個(gè)無(wú)序列表： P UL 國(guó)際互聯(lián)網(wǎng)提供的服務(wù)有： LIWWW服務(wù) LI文件傳輸服務(wù) LI電子郵件服務(wù) LI遠(yuǎn)程登錄服務(wù) LI其它服務(wù) /UL /BODY /HTML 圖 38 設(shè)置無(wú)序列表的效果 《 網(wǎng)頁(yè)設(shè)計(jì)與制作 》 《 網(wǎng)頁(yè)設(shè)計(jì)與制作 》 43 2．有序列表 功能：設(shè)置有序列表。 格式： OL type=―序號(hào)類(lèi)型” start=―起始號(hào)碼” LI type=―序號(hào)類(lèi)型” 列表項(xiàng)目 1 LI type=―序號(hào)類(lèi)型” 列表項(xiàng)目 2 …… /OL。 《 網(wǎng)頁(yè)設(shè)計(jì)與制作 》 《 網(wǎng)頁(yè)設(shè)計(jì)與制作 》 44 – 屬性：在有序列表的開(kāi)始和結(jié)束處 ， 分別是 OL和 /OL標(biāo)記 ， 每一項(xiàng)列表?xiàng)l目之前必須加上LI標(biāo)記 。 – type 屬性表示在每個(gè)項(xiàng)目前顯示的序號(hào)類(lèi)型 ， 其值可以為 1（ 阿拉伯?dāng)?shù)字 ） 、 A（ 大寫(xiě)英文字母 ） 、a（ 小寫(xiě)英文字母 ） 、 I（ 大寫(xiě)羅馬字母 ） 、 i（ 小寫(xiě)羅馬字母 ） 。 – start 用于設(shè)置編號(hào)的開(kāi)始值 ， 默認(rèn)值為 1， LI標(biāo)記設(shè)定該條目的編號(hào) ， 其后的條目將以此作起始數(shù)目逐漸遞增 。 – 說(shuō)明：無(wú)序列表和有序列表可以嵌套 ， 產(chǎn)生縮進(jìn)的 、 有層次的列表項(xiàng)目 。 《 網(wǎng)頁(yè)設(shè)計(jì)與制作 》 《 網(wǎng)頁(yè)設(shè)計(jì)與制作 》 45 【 例 39】 有序列表標(biāo)記的應(yīng)用。 HTML HEAD TITLE有序列表標(biāo)記示例 /TITLE /HEAD BODY 這是一個(gè)有序列表： P OL 國(guó)際互聯(lián)網(wǎng)提供的服務(wù)有： LIWWW服務(wù) LI文件傳輸服務(wù) LI電子郵件服務(wù) LI遠(yuǎn)程登錄服務(wù) LI其它服務(wù) /OL /BODY /HTML 圖 39 設(shè)置有序列表的效果 《 網(wǎng)頁(yè)設(shè)計(jì)與制作 》 《 網(wǎng)頁(yè)設(shè)計(jì)與制作 》 46 例 310 無(wú)序列表和有序列表標(biāo)記的應(yīng)用對(duì)比 HTML HEAD TITLE無(wú)序列表和有序列表標(biāo)記 /TITLE /HEAD BODY text=―blue‖ ol P中國(guó)城市 /P li北京 /li li上海 /li li廣州 /li /ol ul P美國(guó)城市 /P li華盛頓 /li li芝加哥 /li li紐約 /li /ul /BODY /HTML 圖 310 設(shè)置無(wú)序列表和有序列表的效果 《 網(wǎng)頁(yè)設(shè)計(jì)與制作 》 《 網(wǎng)頁(yè)設(shè)計(jì)與制作 》 47 3．定義列表 功能：用于需要對(duì)列表?xiàng)l目進(jìn)行簡(jiǎn)短說(shuō)明的場(chǎng)合 。 格式： DL DT列表?xiàng)l目 1 DD條目 1的說(shuō)明 DT列表?xiàng)l目 2 DD條目 2的說(shuō)明 …… /DL。 屬性：在定義列表的開(kāi)始和結(jié)束處 ， 分別是 DL和/DL標(biāo)記 ， 每一項(xiàng)列表?xiàng)l目之前必須加上 DT標(biāo)記 ，用 DD標(biāo)記定義的條目說(shuō)明文字自動(dòng)向右縮進(jìn) 。 《 網(wǎng)頁(yè)設(shè)計(jì)與制作 》 《 網(wǎng)頁(yè)設(shè)計(jì)與制作 》 48 【 例 311】 定義列表標(biāo)記的應(yīng)用。 HTML HEAD TITLE定義列表標(biāo)記示例 /TITLE /HEAD BODY 這是一個(gè)定義性列表： P DL DTWWW DDWWW是全球信息網(wǎng) (World wide web)的縮寫(xiě) ， 也有人稱(chēng)之為 3W、W Web。 DTHyPer Text DDHyPer Text是超文本 。 文件通過(guò)超文本 ， 可鏈接到其它地方的數(shù)據(jù)文件 ， 取得分散在各地的數(shù)據(jù) 。 /DL /BODY /HTML 《 網(wǎng)頁(yè)設(shè)計(jì)與制作 》 《 網(wǎng)頁(yè)設(shè)計(jì)與制作 》 49 圖 311 定義列表的效果 《 網(wǎng)頁(yè)設(shè)計(jì)與制作 》 《 網(wǎng)頁(yè)設(shè)計(jì)與制作 》 50 文字滾動(dòng)標(biāo)記 功能：在頁(yè)面中制作文字滾動(dòng)的效果 。 格式： MARQUEE behavior =―value‖ bgcolor =―color‖ direction =―value‖ height =―value‖ width =―value‖ loop =―value ‖ scrollamount =―value ‖ scrolldelay =―value‖ hspace=―value‖ vspace=―value‖滾動(dòng)文字 /MARQUEE。 《 網(wǎng)頁(yè)設(shè)計(jì)與制作 》 《 網(wǎng)頁(yè)設(shè)計(jì)與制作 》 51 屬性如下 : （ 1） behavior ：設(shè)置文字滾動(dòng)方式 。 共有三種滾動(dòng)方式供選擇：behavior =―alternate‖時(shí) ， 文字將交替進(jìn)行滾動(dòng)； behavior =―scroll‖時(shí) ，文字將循環(huán)往復(fù)滾動(dòng)； behavior =―slide‖時(shí) ， 文字將只進(jìn)行一次滾動(dòng) 。 （ 2） bgcolor ：為滾動(dòng)文字添加背景顏色 。 （ 3） direction ：設(shè)置文字滾動(dòng)的方向 ， value的取值可以為 up、 down、left和 right四種 ， 分別表示滾動(dòng)文字的方向向上 、 向下 、 向左和向右 。 （ 4） height和 width：設(shè)置文字滾動(dòng)的區(qū)域 ， 取值為點(diǎn)數(shù)或相對(duì)于窗口的百分比 。 （ 5） loop ：設(shè)置文字滾動(dòng)的循環(huán)次數(shù) 。 默認(rèn)值為 1， 1表示無(wú)限次循環(huán)次數(shù) 。 （ 6） scrollamount ：調(diào)整文字滾動(dòng)的速度 ， 數(shù)值越大速度越快 。 （ 7） scrolldelay ：設(shè)置在每一次滾動(dòng)的間隔產(chǎn)生一段時(shí)間的延遲 ， 數(shù)值越大延遲越長(zhǎng) 。 （ 8） hspace和 vspace ：設(shè)置文字滾動(dòng)的水平垂直空間 。 《 網(wǎng)頁(yè)設(shè)計(jì)與制作 》 《 網(wǎng)頁(yè)設(shè)計(jì)與制作 》 52 【 例 312】 文字滾動(dòng)標(biāo)記的應(yīng)用。 HTML HEAD TITLE滾動(dòng)文字標(biāo)記示例 /TITLE /HEAD BODY MARQUEE bgcolor=blue behavior=alternate direction=left scrollamount=10 scrolldelay=100 FONT COLOR=WHITEB歡迎使用楊選輝編著的新書(shū)： 網(wǎng)頁(yè)設(shè)計(jì)與制作教程 （第 2版）/B/FONT/MARQUEE /BODY /HTML 《 網(wǎng)頁(yè)設(shè)計(jì)與制作 》 《 網(wǎng)頁(yè)設(shè)計(jì)與制作 》 53 HTML的表格標(biāo)記 表格可以將文本和圖像按一定的行和列規(guī)則進(jìn)行排列 ， 以便更好地表示長(zhǎng)信息 ， 有利于快速查找信息 。 表格內(nèi)的格子稱(chēng)為單元格 。 表格標(biāo)記對(duì)于制作網(wǎng)頁(yè)是很重要的 ， 現(xiàn)在很多網(wǎng)頁(yè)都使用多重表格 ， 主要是因?yàn)楸砀癫坏梢怨潭ㄎ谋净驁D像的輸出 ， 而且還可以任意的進(jìn)行背景和前景顏色的設(shè)置 ， 使頁(yè)面有很多意想不到的效果 ，使頁(yè)面更加整齊美觀 。 《 網(wǎng)頁(yè)設(shè)計(jì)與制作 》 《 網(wǎng)頁(yè)設(shè)計(jì)與制作 》 54 ? 表格標(biāo)記的構(gòu)成如下： 功能：建立基本表格 。 格式： TABLE summary=― 文字 ” bgcolor=―color1‖ background=―ImageURL‖ border=―n‖ bordercolor=―color2‖ width=―x或 x%‖ height=―x或 x%‖ align=―LEFT/RIGHT/CENTER‖ CAPTION align=―TOP/BOTTOM/LEFT/RIGHT‖表題 （ 表格說(shuō)明 ） /CAPTION TR TH表頭 1/THTH表頭 2/TH……… .TH表頭 n/TH /TR TR TD表項(xiàng) 1/TDTD表項(xiàng) 2/TD……… .TD表項(xiàng) n/TD /TR TR TD表項(xiàng) 1/TDTD表項(xiàng) 2/TD……… .TD表項(xiàng) n/TD /TR …… /TABLE。 《 網(wǎng)頁(yè)設(shè)計(jì)與制作 》 《 網(wǎng)頁(yè)設(shè)計(jì)與制作 》 55 （ 1） 設(shè)置表格的屬性 Table標(biāo)記創(chuàng)建表格時(shí)，可以設(shè)置下列屬性： Align = 表格的對(duì)齊方式 取值如下： left：左對(duì)齊（ Td默認(rèn)值）。 center：對(duì)中（ Th默認(rèn)值）。 right：右對(duì)齊。 BackGround = 表格背景圖片的 URL地址。 BgColor = 表格的背景顏色。 Border = 表格邊框的寬度（像素 )，默認(rèn)值為 0。 BorderColor = 表格邊框顏色， Border≠0時(shí)起作用。 BorderColorDark = 3D邊框的陰影顏色， Border≠0時(shí)起作用。 BorderColorLight = 3D邊框的高亮顯示顏色， Border≠0時(shí)起作用。 CellPadding = 單元格內(nèi)數(shù)據(jù)與單元格邊框之間的間距（像素）。 CellSpacing = 單元格之間的間距（像素）。 Width = 表格的寬度（像素或百分比）。 《 網(wǎng)頁(yè)設(shè)計(jì)與制作 》 《 網(wǎng)頁(yè)設(shè)計(jì)與制作 》 56 （ 2） 設(shè)置行的屬性 – 表格中的每一行是用 TR標(biāo)記來(lái)定義的，可以設(shè)置下列屬性： ? Align = 行中單元格的水平對(duì)齊方式 取值為 left（默認(rèn)值）、 center或 right。 ? BackGround = 作為行的背景圖像文件的 URL ? BgColor = 行的背景顏色 ? BorderColor = 行的邊框顏色（只有當(dāng) Table標(biāo)記的 Border≠0時(shí)起作用） ? BorderColorDark = 行的 3D邊框的陰影顏色（只有當(dāng) Table標(biāo)記的 Border≠0時(shí)起作用） ? BorderColorLight = 行的 3D邊框的高亮顏色（只有當(dāng) Table標(biāo)記的 Border≠0時(shí)起作用） ? VAlign = 行中單元格內(nèi)容的垂直對(duì)齊方式 其取值如下： top：頂端對(duì)齊。 middle：居中對(duì)齊。 bottom：底端對(duì)齊。 baseline：基線對(duì)齊。 《 網(wǎng)頁(yè)設(shè)計(jì)與制作 》 《 網(wǎng)頁(yè)設(shè)計(jì)與制作 》 57 （ 3）設(shè)置單元格的屬性 – 表格的單元格通過(guò) Td標(biāo)記來(lái)定義，標(biāo)題單元格也可以通過(guò) Th標(biāo)記來(lái)定義。 –