【文章內(nèi)容簡介】 文檔的基本結(jié)構(gòu)如下：html——標(biāo)志著HTML文檔開始headtitle文檔標(biāo)題/title/headbody文檔的主體部分/body/html——標(biāo)志著HTML文檔結(jié)束head與/head之間的部分是HTML文檔的文檔頭部分，用以說明文檔的標(biāo)題和整個(gè)文檔的一些公共屬性。body與/body之間的部分是HTML文檔的主體部分。我們下面介紹的標(biāo)簽，如不加特別說明，均是嵌套在這一對(duì)標(biāo)簽中使用的。第2課文 本HTML文檔中，文本也是由一些標(biāo)簽標(biāo)注和控制的，本課就介紹這些相關(guān)的標(biāo)簽。一、BR標(biāo)簽“BR”即Break，是換行標(biāo)簽，它是單獨(dú)出現(xiàn)的，作用相當(dāng)于插入一個(gè)回車符。如果沒北京珍連人文科技開發(fā)有限公司88HTML標(biāo)準(zhǔn)教程有換行標(biāo)簽的話，Web瀏覽器將根據(jù)瀏覽器窗口的寬度盡可能長地顯示文本，而不是按照HTML文檔中的文本格式顯示。例：htmlheadtitleThisIsatestBRtext./title/headbodyHTMLisnoreallanguagesuchasC++orPascal，BRitisjustasystemfordescribingdocuments.BRAWWWbrowserinterprettheBRHTMLcodeanddisplayit．/body/html在中顯示效果如圖23所示。圖23插入BR標(biāo)簽的文檔如果刪去所有的BR標(biāo)簽，在中顯示效果如圖24所示。圖24刪去BR標(biāo)簽的文檔二、H標(biāo)簽（i=1，2，3，4，5，6）Hi標(biāo)簽是成對(duì)出現(xiàn)的，夾在Hi和/Hi之間的文字是HTML文檔中的標(biāo)題。標(biāo)題文字都用黑體顯示，上級(jí)標(biāo)題總比下面各級(jí)標(biāo)題要更大些、粗些，具體有多大則因?yàn)g覽器的不同而不同。Hi標(biāo)簽共分六級(jí)，其中H1標(biāo)簽所括起的文字是第一級(jí)標(biāo)題，最大最粗：H6標(biāo)簽所北京珍連人文科技開發(fā)有限公司99HTML標(biāo)準(zhǔn)教程括起的文字是最后一級(jí)標(biāo)題，最小最細(xì)。例：htmlheadtitleHi標(biāo)簽測試文檔。/title/headbodyH1這是第一級(jí)標(biāo)題。/H1H2這是第二級(jí)標(biāo)題。/H2H3這是第三級(jí)標(biāo)題。/H3H4這是第四級(jí)標(biāo)題。/H4H5這是第五級(jí)標(biāo)題。/H5H6這是第六級(jí)標(biāo)題。/H6/body/html在中顯示效果如圖25。圖25文章中標(biāo)題顯示效果圖從圖25中我們可以看出。H標(biāo)簽隱含有換行標(biāo)簽的作用，文本從下一行開始。H標(biāo)簽的屬性有COLOR、ALIGN，分別標(biāo)識(shí)標(biāo)題的顏色和位置。COLOR屬性的參數(shù)值取值范圍和body標(biāo)簽的屬性一樣，可以是16種顏色（詳見表21）中的任意一種。ALIGN屬性的參數(shù)值為left、center或right之一，分別表示標(biāo)題位于瀏覽器窗口的左側(cè)、中間和右側(cè)。三、P標(biāo)簽P即paragraph（段落），P標(biāo)簽用于劃分段落，作用是換行并插入一個(gè)空白行，它可以單獨(dú)使用，也可以成對(duì)使用。例：htmlheadtitle這是一個(gè)段落標(biāo)簽瀏試文檔。/title/headbody這表示一個(gè)段落結(jié)束。P下面是第二段。還是第二段。/PP下面是第三段。/body北京珍連人文科技開發(fā)有限公司1010HTML標(biāo)準(zhǔn)教程/html在中顯示效果如圖26所示。圖26段落標(biāo)簽顯示效果圖當(dāng)P和/P標(biāo)簽成對(duì)使用時(shí)，可以添加ALIGN屬性，用以標(biāo)識(shí)段落在瀏覽器中的位置。ALIGN屬性的參數(shù)值為left、center和right之一，分別表示P和/P標(biāo)簽所括起的段落位于瀏覽器窗口的左側(cè)、中間和右側(cè)。例：htmlheadtitle這是一個(gè)段落位置測試文檔。/title/headbodyPALIGN=left段落位于左側(cè)。/PPALIGN=center段落位于中間。/PPALIGH=right段落位于右側(cè)。/P/body/html在中顯示效果如圖27所示。圖2－7 段落標(biāo)簽的位置屬性四、HR標(biāo)簽HR標(biāo)簽是單獨(dú)使用的標(biāo)簽。HR即HorizontalRule，它的作用是換行并在該行下畫一條水平直線，直線的上下兩端都會(huì)留出一定的空白。HR標(biāo)簽的屬性有：SIZE、WIDTH和北京珍連人文科技開發(fā)有限公司1111HTML標(biāo)準(zhǔn)教程ALIGN。（1）SIZE屬性。用以規(guī)定水平線的高度，該屬性的參數(shù)值必須是數(shù)字。（2）WIDTH屬性。用以規(guī)定水平線的寬度，該屬性的參數(shù)值可以是數(shù)字（代表字符數(shù)）或百分?jǐn)?shù)（占瀏覽器寬度的百分比）。缺省時(shí)，水平線占據(jù)整個(gè)瀏覽器窗口寬度。（3）ALIGN屬性。當(dāng)水平線寬度小于瀏覽器窗口寬度時(shí)，使用該屬性規(guī)定水平線在瀏覽器窗口的位置。ALIGN屬性的參數(shù)值為left、center和right之一，分別表示該水平線位于瀏覽器窗口的左側(cè)、中間和右側(cè)。例：htmlheadtitleHR標(biāo)簽測試文檔/title/headbody水平線位于左側(cè)。HRSIZE=6WIDTH=150ALIGN=left水平線位于中間。HRSIZE=6WIDTH=150ALIGN=center水平線位于右側(cè)。HRSIZE=6WIDTH=150ALIGN=right/body/html在中顯示效果如圖28所示。圖28 水平線標(biāo)簽顯示效果圖五、PRE標(biāo)簽PRE標(biāo)簽是預(yù)格式化標(biāo)簽，它是成對(duì)出現(xiàn)的。Web瀏覽器按編輯文檔時(shí)的字符位置將PRE和/PRE標(biāo)簽之間的內(nèi)容忠實(shí)地、一成不變地顯示出來。例：htmlheadtitlePRE標(biāo)簽測試文檔/title/headbodyPRE1992北京珍連人文科技開發(fā)有限公司1212HTML標(biāo)準(zhǔn)教程Januaryon15th，thefirstlinemodebrowserwasavailablebyanonymousFTP./PRE/body/html在中顯示效果如圖29所示。一般說來，如果不使用預(yù)格式化標(biāo)簽，Web瀏覽器在顯示HTML文檔時(shí)只保留格式符而忽略原文檔中的回車和空格，并根據(jù)需要對(duì)原文檔的字體、大小進(jìn)行調(diào)整。上例中如果刪去PRE和/PRE這對(duì)標(biāo)簽，則在中顯示效果如圖210所示。圖29預(yù)格式化顯示效果圖圖210非預(yù)格式化顯示效果圖六、字符格式標(biāo)簽HTML文檔的字符格式標(biāo)簽主要有B（Bold）、I（Italic）、和U（Underlined）三種，它們都是成對(duì)出現(xiàn)的。運(yùn)行HTML文檔時(shí)，B和/B之間的內(nèi)容將顯示為黑體文字，I和/I之間的內(nèi)容將顯示為斜體文字，U和/U之間的內(nèi)容將顯示為帶下劃線的文字。例：htmlheadtitle這是格式化字符測試文檔/title/headbody北京珍連人文科技開發(fā)有限公司1313HTML標(biāo)準(zhǔn)教程PB這是黑體文字。/BBRPI這是斜體文字。/dBRPU這是帶下劃線的文字。/U/body/html在中顯示效果如圖211所示。圖211格式化字符顯示效果圖七、ADDRESS標(biāo)簽ADDDRESS標(biāo)簽是地址標(biāo)簽，它是成對(duì)出現(xiàn)的，一般放在文檔體的首部或尾部。ADDRESS和/ADDRESS之間的內(nèi)容一般是有關(guān)作者的信息，包括作者的姓名、身份、地址等等，在Web瀏覽器窗口中用黑體或斜體顯示。第3課圖 像圖像可以使Web頁面更加生動(dòng)美觀、富有生機(jī)。Web瀏覽器可以顯示JPEG和GIF圖像。其中GIF圖像最多只能使用256種顏色（即只能保存為8位顏色），而JPEG格式可保存為24位，對(duì)具有連續(xù)色調(diào)的圖像有最佳效果。不過，GIF圖像雖然在圖像質(zhì)量上不及JPEG圖像，但其所占存儲(chǔ)空間小，下載速度快。因此應(yīng)視不同情況而決定應(yīng)使用哪種格式的圖像。對(duì)于徽標(biāo)、公司廠標(biāo)等在每一主頁顯示，要求能快速下載并能在低配置的系統(tǒng)中查詢的圖像。應(yīng)采用GIF格式，而對(duì)于掃描圖片、藝術(shù)作品這種對(duì)顯示質(zhì)量要求很高的圖像則應(yīng)采用JPEG格式。在HTML文檔中插入圖像是通過IMG標(biāo)簽來實(shí)現(xiàn)的，該標(biāo)簽共有9個(gè)屬性，除屬性SRC是不可缺省的外，其他屬性都可選的。一、SRC屬性SRC即Source，該屬性用于指出被引用的圖像文件所在位置。在第1講中，我們己經(jīng)介紹過，超文本中每一文件在網(wǎng)絡(luò)中的位置都由一個(gè)統(tǒng)一資源定位器（URL）唯一標(biāo)識(shí)。SRC屬性的參數(shù)值就是圖像文件的URL，URL的表示方法有絕對(duì)表示法和相對(duì)表示法兩種。絕對(duì)表示法范例：IMGSRC=“：//”相對(duì)表示法范例：IMGSRC=“”北京珍連人文科技開發(fā)有限公司1414HTML標(biāo)準(zhǔn)教程注意：只有當(dāng)圖像文件和HTML文檔在同一目錄下時(shí)才能采用相對(duì)表示法來標(biāo)識(shí)圖像文件的位置。二、確定圖像大小的屬性IMG標(biāo)簽用WIDTH和HEIGHT這兩個(gè)屬性來規(guī)定圖像的大小。其中WIDTH屬性用于確定圖像的寬度，HEIGHT屬性用于確定圖像的高度。這兩個(gè)屬性的參數(shù)值都是數(shù)字，表示圖像寬度（高度）所占的像素點(diǎn)數(shù)。缺省時(shí)，Web原始圖像文件的大小和瀏覽器窗口的大小自動(dòng)調(diào)整圖像的顯示尺寸。三、ALIGN屬性ALGN屬性的參數(shù)值為top、middle或bottom之一，分別表示與圖像相鄰的文字位于圖像的左上方、左面中間和右下方。下面我們通過一個(gè)簡單的范例來說明上述幾個(gè)屬性的顯示效果：HTMLheadtitleAnexampleofimage/title/headbodyHRIMGsrc=ALIGN=bottomHappyBirthdaytoyou!（JPEG格式）brHRPBRAflicklingandbrilliantstar!（GIF格式）imgsrc=align=topWIDTH=100HEIGHT=100brPHR/body/html在中顯示效果如圖212所示。北京珍連人文科技開發(fā)有限公司1515HTML標(biāo)準(zhǔn)教程圖212圖像顯示效果圖四、ALT屬性用戶在瀏覽網(wǎng)頁時(shí)，常常會(huì)為了節(jié)省時(shí)間或其他原因而選擇不下載圖片，加入ALT屬性可以在原先顯示圖片的地方顯示一些有關(guān)圖像的信息。ALT屬性的參數(shù)值就是網(wǎng)頁編輯者希望在原來顯示圖像處出現(xiàn)的文字信息，一般是圖像的名稱或簡要說明。當(dāng)用戶選擇關(guān)閉下載圖像功能時(shí)，Web瀏覽器會(huì)在原來顯示圖像處顯示一幅缺省圖像和ALT屬性的參數(shù)值。如果沒有ALT屬性，瀏覽器就只顯示一幅缺省圖像，用戶無法從中獲得有關(guān)原圖像的任何信息?，F(xiàn)在，國內(nèi)上網(wǎng)速度慢，費(fèi)用偏高，許多用戶都選擇不下載圖像以加快速度和節(jié)約費(fèi)用。因此，最好養(yǎng)成添加ALT屬性的習(xí)慣，讓用戶了解有關(guān)信息，給用戶更大的選擇空間。例：HTMLheadtitleAnexampleofdefaultimage/title/headbodyHRIMGsrc=ALIGN=bottomALT=APICTUREOFCAKEHaPPyBirthdaytoyou!（JPEG格式）brHRPBRAflicklingandbrilliantstar!（GIF格式）img16