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