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