【文章內(nèi)容簡介】 DEX測試文檔 其中“可以搜索該索引。請鍵入要搜索的關(guān)鍵字：”是 IE瀏覽器自動加上去的。瀏覽者在空白文本框條內(nèi)鍵入要查詢的關(guān)鍵字并按回車確認后，光標將移至 該關(guān)鍵字或包含該關(guān)鍵字的詞處。此時，與關(guān)鍵字相匹配的字符呈亮藍色。 HTML 標準教程 北京珍連人文科技開發(fā)有限公司 10 10 三、 BODY標簽 body標簽是成對出現(xiàn)的。在 body/body之間的內(nèi)容將顯示在 Web瀏覽器窗口的用戶區(qū)內(nèi)，它是 HTML文檔的主體部分。在 body標簽中可以規(guī)定整個文檔的一些基本屬性： “ BGCOLOR”。指定 HTML文檔的背景色。 “ TEXT”。指定 HTML文檔中文字的顏色。 “ LINK”。指定 HTML文檔中待連接超鏈接對象的顏色。 “ ALINK”。 指定 HTML文檔中連接中超鏈接對象的顏色。 “ VLINK”。指定 HTML文檔中已連接超鏈接對象的顏色。 “ BACKGROUND”。指定 HTML文檔的背景文件。 在指定對象的顏色時，可以使用該顏色的代碼或直接使用該顏色對應(yīng)的英文單詞，例 如，我們指定 HTML文檔的背景色為綠色，可以表示為： body BGCOLOR=“ green” ， 也可以表示為 body BGCOLOR=“ 0080000” 。為了便于記憶，建議讀者直接用相應(yīng)的 英文單詞指定顏色。 Body屬性的參數(shù)值可以是表 21所示 16種顏色中的任何一種。 表 21 文檔主體部分的可用顏色 名 稱 顏 色 名 稱 顏 色 Black 黑 色 Red 紅 色 Lime 石灰色 Maroon 栗 色 Gray 灰 色 Silver 銀白色 Navy 海軍藍 Olive 橄欖綠 Purple 紫 色 Yellow 黃 色 Aqua 淺藍綠 Blue 藍 色 Green 綠 色 Fuchsia 紫紅色 White 白 色 Teal 暗藍綠 四、基本結(jié)構(gòu) 一個 HTML文檔的基本結(jié)構(gòu)如下： html—— 標志著 HTML文檔開始 head title文檔標題 /title /head body文檔的主體部分 /body /html—— 標志著 HTML文檔結(jié)束 head與 /head之間的部分是 HTML文檔的文檔頭部分，用以說明文檔的標題和整個文檔的一些公共屬性。 body與 /body之間的部分是 HTML文檔的主體部分。我們下面介紹的標簽，如不加特別說明，均是嵌套在這一對標簽中使 用的。 第 2課 文 本 HTML文檔中，文本也是由一些標簽標注和控制的，本課就介紹這些相關(guān)的標簽。 一、 BR標簽 “ BR”即 Break，是換行標簽，它是單獨出現(xiàn)的，作用相當于插入一個回車符。如果沒HTML 標準教程 北京珍連人文科技開發(fā)有限公司 11 11 有換行標簽的話， Web瀏覽器將根據(jù)瀏覽器窗口的寬度盡可能長地顯示文本，而不是按照 HTML文檔中的文本格式顯示。例： html head titleThis Is a test BR text./title /head body HTML is no real language such as C++or Pascal， BR it is just a system for describing documents.BR A WWW browser interpret theBR HTMLcode and display it． /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標簽所HTML 標準教程 北京珍連人文科技開發(fā)有限公司 12 12 括起的文字是最后一級標題，最小最細。例： html head titleHi標簽測試文檔。 /title /head body H1這是第一級標題。 /H1 H2這是第二級標題。 /H2 H3這是第三級標題。 /H3 H4這是第四級標題。 /H4 H5這是第五級標題。 /H5 H6這是第六級標題。 /H6 /body /html 在 25。 圖 25 文章中標題 顯示效果圖 從圖 25中我們可以看出。 H標簽隱含有換行標簽的作用，文本從下一行開始。 H標簽的屬性有 COLOR、 ALIGN，分別標識標題的顏色和位置。 COLOR 屬性的參數(shù)值取值范圍和body標簽的屬性一樣，可以是 16種顏色（詳見表 21）中的任意一種。 ALIGN屬性的參數(shù)值為 left、 center或 right之一，分別表示標題位于瀏覽器窗口的左側(cè)、中間和右側(cè)。 三、 P標簽 P即 paragraph（段落）， P標簽用于劃分段落，作用是換行并插入一個空白行，它可以單獨使 用，也可以成對使用。例： html head title這是一個段落標簽瀏試文檔。 /title /head body 這表示一個段落結(jié)束。 P 下面是第二段。 還是第二段。 /P P下面是第三段。 /body HTML 標準教程 北京珍連人文科技開發(fā)有限公司 13 13 /html 在 26所示。 圖 26 段落標簽顯示效果圖 當 P和 /P標簽成對使用時，可以添加 ALIGN屬性，用以標識段 落在瀏覽器中的位置。ALIGN 屬性的參數(shù)值為 left、 center 和 right之一，分別表示 P和 /P標簽所括起的段落位于瀏覽器窗口的左側(cè)、中間和右側(cè)。例： html head title這是一個段落位置測試文檔。 /title /head body P ALIGN=left段落位于左側(cè)。 /P P ALIGN=center段落位于中間。 /P P ALIGH=right段落位于右側(cè)。 /P /body /html 在 27所示。 圖 2－ 7 段落標簽的位置屬性 四、 HR標簽 HR標簽是單獨使用的標簽。 HR即 Horizontal Rule，它的作用是換行并在該行下畫一條水平直線，直線的上下兩端都會留出一定的空白。 HR標簽的屬性有： SIZE、 WIDTH和 ALIGN。 HTML 標準教程 北京珍連人文科技開發(fā)有限公司 14 14 （ 1） SIZE屬性。用以規(guī)定水平線的高度，該屬性的參數(shù)值必須是數(shù)字。 （ 2） WIDTH屬性。用以規(guī)定水平線的寬度，該屬性的參數(shù)值可以 是數(shù)字（代表字符數(shù)）或百分數(shù)（占瀏覽器寬度的百分比）。缺省時，水平線占據(jù)整個瀏覽器窗口寬度。 （ 3） ALIGN屬性。當水平線寬度小于瀏覽器窗口寬度時，使用該屬性規(guī)定水平線在瀏覽器窗口的位置。 ALIGN屬性的參數(shù)值為 left、 center和 right之一，分別表示該水平線位于瀏覽器窗口的左側(cè)、中間和右側(cè)。例： html head titleHR標簽測試文檔 /title /head body 水平線位于左側(cè)。 HR SIZE=6 WIDTH=150 ALIGN=left 水平線位于中間。 HR SIZE=6 WIDTH=150 ALIGN=center 水平線位于右側(cè)。 HR SIZE=6 WIDTH=150 ALIGN=right /body /html 在 28所示。 圖 28 水平線標簽顯示效果圖 五、 PRE標簽 PRE標簽是預(yù)格式化標簽，它是成對出現(xiàn)的。 Web 瀏覽器按編輯文檔時的字符位 置將PRE和 /PRE標簽之間的內(nèi)容忠實地、一成不變地顯示出來。例： html head titlePRE標簽測試文檔 /title /head body PRE 1992 HTML 標準教程 北京珍連人文科技開發(fā)有限公司 15 15 January on 15th， the first line mode browser was available by anonymous FTP. /PRE /body /html 在 29所示。 一般說來，如果不使用預(yù)格式化標簽， Web瀏覽器在顯示 HTML文檔時只保留格式符而忽略原文檔中的回車和空格，并根據(jù)需要對原文檔的字體、大小進行調(diào)整。上例中如果刪去 PRE和 /PRE這對標簽，則在 210所示。 圖 29 預(yù)格式化顯示效果圖 圖 210 非預(yù)格式化顯示效果圖 六、字符格式標簽 HTML 文檔的字符格式標簽主要有 B（ Bold）、 I（ Italic）、和 U（ Underlined） 三種，它們都是成對出現(xiàn)的。運行 HTML文檔時， B和 /B之間的內(nèi)容將顯示為黑體文字， I和 /I之間的內(nèi)容將顯示為斜體文字， U和 /U之間的內(nèi)容將顯示為帶下劃線的文字。 例： html head title這是格式化字符測試文檔 /title /head body HTML 標準教程 北京珍連人文科技開發(fā)有限公司 16 16 PB這是黑體文字。 /BBR PI這是斜體文字。 /dBR PU這是帶下劃線的文字。 /U /body /html 在 211所示。 圖 211 格式化字符顯示效果圖 七、 ADDRESS標簽 ADDDRESS標簽是地址標簽，它是成對出現(xiàn)的，一般放在文檔體的首部或尾部。 ADDRESS和 /ADDRESS之間的內(nèi)容一般是有關(guān)作者的信息，包括作者的姓名、身份、地址等等，在 Web 瀏覽器窗口中用黑體或斜體顯示。 第 3課 圖 像 圖像可以使 Web頁面更加生動美觀、富有生機。 Web瀏覽器可以顯示 JPEG和 GIF圖像。其中 GIF圖像最多只能使用 256種顏色（即只能保存為 8位顏色），而 JPEG格式可保存為 24位，對具有連續(xù)色調(diào)的圖像有最佳效果。不過， GIF圖像雖然在圖像質(zhì)量上不及 JPEG圖像，但其所占存儲空間小，下載速度快。因此應(yīng)視不同情況而決定應(yīng)使用哪種格式的圖像。對于徽標、公司廠標等在每一主頁顯示，要求能快速下載并能在低配置的系統(tǒng)中查詢的圖像。應(yīng)采用 GIF 格式，而對于掃描圖片、藝術(shù)作品這種對顯示質(zhì)量要求很高的圖像則應(yīng)采用 JPEG格式。 在 HTML 文檔中插入圖像是通過 IMG標簽來實現(xiàn)的，該標簽共有 9個 屬性，除屬性 SRC是不可缺省的外，其他屬性都可選的。 一、 SRC屬性 SRC即 Source，該屬性用于指出被引用的圖像文件所在位置。在第 1講中，我們己經(jīng)介紹過，超文本中每一文件在網(wǎng)絡(luò)中的位置都由一個統(tǒng)一資源定位器（ URL）唯一標識。 SRC