【正文】 缺省時(shí)，表格標(biāo)題位于表格的上方。缺省時(shí)，表格標(biāo)題位于表格中間。 CAPTION有兩個(gè)屬性： ALION和 VALIGN，它們都是可選的。嵌套在表格標(biāo)簽中使用的標(biāo)簽主要有 CAPTION、 TR、 TH和 TD。 和普通表格一樣， HTML中的表格也是由表格標(biāo)題、表頭元素和具體數(shù)據(jù)元素組成的。 （五） cellpadding屬性 cellpadding 屬性用于指定單元格內(nèi)容與單元格邊界之間空白距離的大小、該屬性的參數(shù)值也是數(shù)字，表示單元格內(nèi)容與上下邊界之間空白距離的高度所占的像素點(diǎn)數(shù)以及單元格內(nèi)容與左右邊界之間空白距離的寬度所占的像素點(diǎn)數(shù)。 HTML 標(biāo)準(zhǔn)教程 北京珍連人文科技開(kāi)發(fā)有限公司 28 28 圖 36 表格顯示效果圖 （四） cellspacing屬性 cellspacing 屬性用以指定表格各單元格之間的空隙。 （三） align屬性 align屬性的參數(shù)值為 left、 center和 right之一，分別表示表格位于其相鄰文字的左側(cè)、表格水平居中和表格位于與其相鄰的文字右側(cè)。這兩個(gè)屬性的參數(shù)值可以是數(shù)字或百分?jǐn)?shù)，其中數(shù)字表示表格寬度 （高度）所占的像素點(diǎn)數(shù)，百分?jǐn)?shù)表示表格的寬度（高度）占瀏覽器窗口寬度（高度）的百分比。 （二） width和 height屬性 width和 height屬性的作用是指定表格的大小。 （一） border屬性 HTML 標(biāo)準(zhǔn)教程 北京珍連人文科技開(kāi)發(fā)有限公司 26 26 border屬性的參數(shù)值是數(shù)字，表示表格邊框?qū)挾人嫉南袼攸c(diǎn)數(shù)； border屬性也可以不帶參數(shù)值使用，僅表示該表格是有邊框的。 table標(biāo)簽是成對(duì)出現(xiàn)標(biāo)簽，首標(biāo)簽 table和尾標(biāo)簽 /table之間的內(nèi)容就是表格的內(nèi)容。在這一課中，我們將介紹一下在表格中使用 的一些主要標(biāo)簽。例如： html head title列表嵌套的范例程序 /title /head body PHR OL HTML 標(biāo)準(zhǔn)教程 北京珍連人文科技開(kāi)發(fā)有限公司 25 25 LI一些常見(jiàn)的水果： UL LI蘋(píng)果和桔子 LI香蕉和草萄 LI西瓜和桃子 /UL HR LI這是列表的第二項(xiàng) HR LI一些常見(jiàn)的肉類(lèi) UL LI豬肉和牛肉 LI羊肉和兔肉 /UL /OL HR /body /html 在 35所示。例如： html head title描述性列表范例程序 /title /head body HR這是一個(gè)描述性列表： P DL DT日用雜品 DD例如熱水瓶、臉盆等等 DT食品種類(lèi) DD魚(yú)、肉和雞 DD青菜、蘿卜和豆腐 DD桔 子、蘋(píng)果和梨 /DL HR /body /html 在 34所示。一個(gè)描述項(xiàng)也可以對(duì)應(yīng)于幾個(gè)解釋項(xiàng)，但 最好不要出現(xiàn)幾個(gè)描述項(xiàng)對(duì)應(yīng)于同一個(gè)解釋項(xiàng)的情況。和 LI標(biāo)簽一樣， DTHTML 標(biāo)準(zhǔn)教程 北京珍連人文科技開(kāi)發(fā)有限公司 24 24 和 DD標(biāo)簽也隱含有 BR標(biāo)簽的作用， Web瀏覽器在顯示時(shí)會(huì)自動(dòng)換行。 DL標(biāo)簽是成對(duì)標(biāo)簽，首標(biāo)簽 DL和尾標(biāo)簽 /DL之間的內(nèi)容就是描述性列表的內(nèi)容，由一系列用描述項(xiàng)標(biāo)簽 DT或解釋項(xiàng)標(biāo)簽 DD標(biāo)識(shí)的列表項(xiàng)組成。 五、描述性列表 HTML使用 DL、 DT和 DD標(biāo)簽來(lái)定義描述性列表。一般來(lái)說(shuō)，菜單列表每項(xiàng)的長(zhǎng)度不超過(guò)一行。菜單列表標(biāo)簽 MENU是成對(duì)標(biāo)簽，首標(biāo)簽MENU和尾標(biāo)簽 /MENU之間的內(nèi)容就是菜單列表的內(nèi)容。 圖 33 目錄列表顯示效果圖 從圖 33中我們可以看出，目錄列表的顯示效果和 無(wú)序列表相同。一般說(shuō)來(lái)，目錄列表項(xiàng)長(zhǎng)度較短，典型的目錄列表每項(xiàng) 長(zhǎng)度不超過(guò) 20個(gè)字符。DIR標(biāo)簽是成對(duì)出現(xiàn)的，首標(biāo)簽 DIR和尾標(biāo)簽 /DIR之間的內(nèi)容就是目錄列表的內(nèi)容。 圖 32 排序列表顯示效果圖 三、目錄列表 HTML 使用 DIR和 LI標(biāo)簽來(lái)定義目錄列表。 LI這是列表的第 12項(xiàng)。 LI這是列表的第 10項(xiàng)。 LI這是列表的第 4項(xiàng)。 LI這是列表的第 2項(xiàng)。缺省時(shí)，序列的起始號(hào)為 1。 Web 瀏覽器在顯示排序列表時(shí)，會(huì)自動(dòng)對(duì)列表進(jìn)行排序，并在每一列表項(xiàng)開(kāi)頭加上以阿拉伯?dāng)?shù)字形式表示的序號(hào)。 OL標(biāo)簽是成對(duì)出現(xiàn)的，首標(biāo)簽 OL和尾標(biāo)簽 OL之間的內(nèi)容就是排序列表的內(nèi)容。 二、排序列表 HTML 標(biāo)準(zhǔn)教程 北京珍連人文科技開(kāi)發(fā)有限公司 22 22 在 HTML文檔中插入排序列表是通過(guò) OL和 LI標(biāo)簽來(lái)實(shí)現(xiàn)的。例如： htlml head title這是無(wú)序列表的范例程序 /title /head body HR 以下是某雜貨店的目錄清單： UL LI菜油、鹽、味精等調(diào)味品 LI冷飲和汽水 LI針、線(xiàn)等小物品 LI熱水瓶、保溫杯、瓷碗等日用品 PHR /UL /body /html 在 31所示。 LIt＆簽是單獨(dú)出現(xiàn)標(biāo)簽，標(biāo)簽后的文字為列表項(xiàng)的內(nèi)容，直至碰到下一個(gè)項(xiàng)目標(biāo)簽或列表的尾標(biāo)簽。無(wú)序列表中的每一列表項(xiàng)開(kāi)頭必須用 LI標(biāo)簽進(jìn)行標(biāo)識(shí)?！?UL”即 Unordered List，是無(wú)序 列表標(biāo)簽。 HTML 標(biāo)準(zhǔn)教程 北京珍連人文科技開(kāi)發(fā)有限公司 21 21 在本課中我們將一一介紹這五種列表。 第 3講 列表、表格和文檔的超鏈接 本講概要： ◆ HTML文檔中的列表元素 ◆ HTML文檔中的表格元素 ◆ 文檔的超鏈接 第 1課 HTML 文檔中的列表元素 HTML 文檔中使用的列表主要有無(wú)序列表、排序列表、目錄列表、菜單列表和描述性列表。 3．常用的圖像文件格式有哪兩種 ?它們各自的優(yōu)點(diǎn)和缺點(diǎn)是什么 ? 4．用 HTML語(yǔ)言編寫(xiě)符合以下要求的文檔：標(biāo)題為“ An example of image”，在瀏覽器窗口中顯示“ ”圖像。 二、簡(jiǎn)答題 1．簡(jiǎn) 述一個(gè) HTML文檔的基本結(jié)構(gòu)。 5．運(yùn)行 HTML文檔時(shí)， B和 /B之間的內(nèi)容將顯示為＿＿＿文字， I和 /I之間的內(nèi)容將顯示為文字， U和 /U之間的內(nèi)容將顯示為＿＿＿文字。 4．當(dāng) p和 /P標(biāo)簽＿＿＿使用時(shí)，可以添加 ALIGN屬性，用以標(biāo)識(shí)段落 在瀏覽器中的＿＿＿。＿＿＿部分就是我們?cè)?Web瀏覽器窗口的用戶(hù)區(qū)內(nèi)看到的內(nèi)容，而＿＿＿部分用來(lái)規(guī)定該文檔的標(biāo)題（出現(xiàn)在 Web 瀏覽器窗口的標(biāo)題欄中）和文檔的一些屬性。大多數(shù) 標(biāo)簽是＿＿＿出現(xiàn)的，由＿＿＿標(biāo)簽和＿＿＿標(biāo)簽組成。 圖 214 圖像邊框顯示效果圖 七、 ISMAP屬性 這一屬性與文檔的超鏈接有關(guān)，我們將它放到下一講“列表、表格和文檔的超鏈接”中講解。BORDER屬性的參數(shù)值也是數(shù)字，表示邊框?qū)挾人嫉南袼攸c(diǎn)數(shù)。 六、 BORDER屬性 Web 瀏覽器在調(diào)用圖像時(shí)會(huì)根據(jù)瀏覽器窗口和原始圖像大小的不同給圖像加上不同寬度的邊框。VSPACE屬性用于指定圖像與其垂直方向上相鄰對(duì)象之間的距離， HSPACE用于指定圖像與其水平方向上相鄰對(duì)象之間的距離。因此，最好養(yǎng)成添加 ALT屬性的習(xí)慣，讓用戶(hù)了解有關(guān) 信息，給用戶(hù)更大 的選擇空間。如果沒(méi)有 ALT 屬性，瀏覽器就只顯示一幅缺省圖像，用戶(hù)無(wú)法從中獲得有關(guān)原圖像的任何信息。 ALT 屬性的參數(shù)值就是網(wǎng)頁(yè)編輯者希望在原來(lái)顯示圖像處出現(xiàn)的文字信息，一般是圖像的名稱(chēng)或簡(jiǎn)要說(shuō)明。 下面我們通過(guò)一個(gè)簡(jiǎn)單的范例來(lái)說(shuō)明上述幾個(gè)屬性的顯示效果： HTML head titleAn example of image/title /head body HR IMG src=ALIGN=bottom Happy Birthday to you!（ JPEG格式） br HR PBR A flickling and brilliant star!（ GIF格式） img src=align=top WIDTH=100 HEIGHT=100 brP HR /body /html 在 212所示。缺省時(shí)， Web 原始圖像文件的大小和瀏覽器窗口的大小自動(dòng)調(diào)整圖像的顯示尺寸。其中 WIDTH屬性用于確定圖像的寬度， HEIGHT屬性用于確定圖像的高度。 絕對(duì)表示法范例： IMG SRC=“ ： //” 相對(duì)表示法范例： IMG SRC=“ ” HTML 標(biāo)準(zhǔn)教程 北京珍連人文科技開(kāi)發(fā)有限公司 17 17 注意：只有當(dāng)圖像文件和 HTML文檔在同一目錄下時(shí)才能采用相對(duì)表示法來(lái)標(biāo)識(shí)圖像文件的位置。在第 1講中，我們己經(jīng)介紹過(guò)，超文本中每一文件在網(wǎng)絡(luò)中的位置都由一個(gè)統(tǒng)一資源定位器（ URL）唯一標(biāo)識(shí)。 在 HTML 文檔中插入圖像是通過(guò) IMG標(biāo)簽來(lái)實(shí)現(xiàn)的，該標(biāo)簽共有 9個(gè) 屬性，除屬性 SRC是不可缺省的外，其他屬性都可選的。對(duì)于徽標(biāo)、公司廠(chǎng)標(biāo)等在每一主頁(yè)顯示，要求能快速下載并能在低配置的系統(tǒng)中查詢(xún)的圖像。不過(guò)， GIF圖像雖然在圖像質(zhì)量上不及 JPEG圖像，但其所占存儲(chǔ)空間小，下載速度快。 Web瀏覽器可以顯示 JPEG和 GIF圖像。 ADDRESS和 /ADDRESS之間的內(nèi)容一般是有關(guān)作者的信息，包括作者的姓名、身份、地址等等，在 Web 瀏覽器窗口中用黑體或斜體顯示。 /U /body /html 在 211所示。 /BBR PI這是斜體文字。運(yùn)行 HTML文檔時(shí)， B和 /B之間的內(nèi)容將顯示為黑體文字， I和 /I之間的內(nèi)容將顯示為斜體文字， U和 /U之間的內(nèi)容將顯示為帶下劃線(xiàn)的文字。上例中如果刪去 PRE和 /PRE這對(duì)標(biāo)簽，則在 210所示。例： html head titlePRE標(biāo)簽測(cè)試文檔 /title /head body PRE 1992 HTML 標(biāo)準(zhǔn)教程 北京珍連人文科技開(kāi)發(fā)有限公司 15 15 January on 15th， the first line mode browser was available by anonymous FTP. /PRE /body /html 在 29所示。 圖 28 水平線(xiàn)標(biāo)簽顯示效果圖 五、 PRE標(biāo)簽 PRE標(biāo)簽是預(yù)格式化標(biāo)簽，它是成對(duì)出現(xiàn)的。 HR SIZE=6 WIDTH=150 ALIGN=center 水平線(xiàn)位于右側(cè)。例： html head titleHR標(biāo)簽測(cè)試文檔 /title /head body 水平線(xiàn)位于左側(cè)。當(dāng)水平線(xiàn)寬度小于瀏覽器窗口寬度時(shí)，使用該屬性規(guī)定水平線(xiàn)在瀏覽器窗口的位置。缺省時(shí)，水平線(xiàn)占據(jù)整個(gè)瀏覽器窗口寬度。 （ 2） WIDTH屬性。 HTML 標(biāo)準(zhǔn)教程 北京珍連人文科技開(kāi)發(fā)有限公司 14 14 （ 1） SIZE屬性。 HR即 Horizontal Rule，它的作用是換行并在該行下畫(huà)一條水平直線(xiàn)，直線(xiàn)的上下兩端都會(huì)留出一定的空白。 /P