超文本標記語言概述
在WWW上的一個超媒體文檔稱之為一個頁面(page)。作為一個組織或個人在全球資訊網上開始點的頁面稱為主頁Homepage,或首頁,主頁中通常包括有指向其他相關頁面或其他節點的指針(超級連結)。在邏輯上將視為一個整體的一系列頁面的有機集合稱為網站(Website或Site)。
Web頁面也就是通常所說的網頁,在本書中不作區分。
HTML是一種規範,一種標準,它通過標記符號來標記要顯示的網頁中的各個部分。網頁檔案本身是一種文本檔案,通過在文本檔案中添加標記符,可以告訴瀏覽器如何顯示其中的內容(如:文字如何處理,畫面如何安排,圖片如何顯示等)。瀏覽器按順序閱讀網頁檔案,然後根據標記符解釋和顯示其標記的內容,對書寫出錯的標記將不指出其錯誤,且不停止其解釋執行過程,編制者只能通過顯示效果來分析出錯原因和出錯部位。但需要注意的是,對於不同的瀏覽器,對同一標記符可能會有不完全相同的解釋,因而可能會有不同的顯示效果。
HTML之所以稱為超文本標記語言,是因為文本中包含了所謂“超級連結”點。所謂超級連結,就是一種URL指針,通過激活(點擊)它,可使瀏覽器方便地獲取新的網頁。這也是HTML獲得廣泛套用的最重要的原因之一。
由此可見,網頁的本質就是HTML,通過結合使用其他的Web技術(如:腳本語言、CGI、組件等),可以創造出功能強大的網頁。因而,HTML是Web編程的基礎,也就是說全球資訊網是建立在超文本基礎之上的。
HTML檔案的整體結構
一個網頁對應於一個HTML檔案,HTML檔案以.htm或.html為擴展名。可以使用任何能夠生成TXT類型源檔案的文本編輯來產生HTML檔案。標準的HTML檔案都具有一個基本的整體結構,即HTML檔案的開頭與結尾標誌和HTML的頭部與實體2大部分。有3個雙標記符用於頁面整體結構的確認。
1)和雙標記符
標記符說明該檔案是用HTML來描述的。它是檔案的開頭,而則表示該檔案的結尾,它們是HTML檔案的始標記和尾標記。
2)和頭部標記符
這2個標記符分別表示頭部信息的開始和結尾。頭部中包含的標記是頁面的標題、序言、說明等內容,它本身不作為內容來顯示,但影響網頁顯示的效果。頭部中最常用的標記符是標題標記符和,它用於定義網頁的標題,它的內容顯示在網頁視窗的標題欄中,網頁標題可被瀏覽器用作書籤和收藏清單。
3)和正文標記符
網頁中顯示的實際內容均包含在這2個正文標記符之間。正文標記符又稱為實體標記。
一個不包含任何內容的基本網頁檔案如下所示:
文檔標題
頁面主體內容描述
標記網頁的開始
標記頭部的開始
頭部元素描述,如文檔標題等
標記頭部的結束
標記頁面正文開始
頁面實體部分
標記正文結束
標記該網頁的結束
當然,如果不使用以上基本框架結構,而直接使用在實體部分中出現的標記符,在瀏覽器下也可以解釋執行。
三、正文標記的使用
每種HTML標記符在使用中可帶有不同的屬性項,用於描述該標記符說明的內容顯示不同的效果。正文標記符中提供以下屬性來改變文本的顏色及頁面背景。
BGCOLOR 用於定義網頁的背景色
BACKGROUND 用於定義網頁背景圖案的圖像檔案
TEXT 用於定義正文字元的顏色,默認為黑色
LINK 用於定義網頁中超級連結字元的顏色,默認為藍色
VLINK 用於定義網頁中已被訪問過的超接連結字元的顏色,默認為紫紅色
ALINK 用於定義被滑鼠選中,但未使用時超鏈字元的顏色,默認為紅色
例如:標記將定義頁面的背景色為黑色,正文字型顯示為白色。
以上屬性使用中,需要對顏色進行說明,在HTML中對顏色可使用2種方法說明顏色屬性值,即顏色名稱(英文名)和顏色值。其中顏色值用6個十六進制數來分別描述紅、綠 、藍三原色的配方法——稱為RGB值,每2個十六進制數表示一種顏色。使用顏色值時,應在值前冠以“#”號。
使用圖案代替背景顏色,可以使頁面更生動、美觀。例如:
。
可將圖像檔案image.gif所表示的一幅圖像作為頁面的背景,若圖像幅面不夠大,將會將圖像重複平鋪在視窗中。
四、HTML字元集
在網頁中除了可顯示常見的ASCII字元和漢字外,HTML還有許多特殊字元,它們一起構成了HTML字元集。有2種情況需要使用特殊字元,一是網頁中有其特殊意義的字元,如:;二是鍵盤上沒有的字元。
HTML字元可以用一些代碼來表示,代碼可以有2種表示方式。即字元代碼(命名實體)和數字代碼(編號實體)。字元代碼以&符開始,以分號結束,其間是字元名;數字代碼也以&符開始,以分號結束,其間是#號加編號。
五、HTML的有關約定
在編輯HTML檔案和使用有關標記符時有一些約定或默認的要求。
(1) 文本標記語言源程式的檔案擴展名默認使用htm或html。在使用文本編輯器時,注意修改擴展名。而常用的圖像檔案的擴展名為gif和jpg。
(2) HTML源程式為文本檔案,其列寬可不受限制,即多個標記可寫成一行,甚至整個檔案可寫成一行;若寫成多行,瀏覽器一般忽略檔案中的回車符(標記指定除外);對檔案中的空格通常也不按源程式中的效果顯示。完整的空格可使用特殊符號“ (注意此字母必須小寫,方可空格)”表示非換行空格;表示檔案路徑時使用符號“/”分隔,檔案名稱及路徑描述可用雙引號也可不用引號括起。
(3) 標記符中的標記元素用尖括弧括起來,如:、,帶斜槓的元素表示該標記說明結束;大多數標記符必須成對使用,以表示作用的起始和結束;標記元素忽略大小寫,即與作用相同,但完整的空格可使用特殊符號“ (注意此字母必須小寫,方可空格)”;許多標記元素具有屬性說明,可用參數對元素作進一步的限定,多個參數或屬性項說明次序不限,其間用空格分隔即可;一個標記元素的內容可以寫成多行。
(4) 標記符號,包括尖括弧、標記元素、屬性項等必須使用半角的西文字元,而不能使用全形字元。
(5) HTML注釋由驚嘆號表示,注釋內容由符結束。注釋內容可插入文本中任何位置。任何標記若在其最前插入驚嘆號,即被標識為注釋,不予顯示。