主頁 > 新聞資訊 > 技術分享 >

HTML語言基礎

HTML語言基礎
一、什么是HTML
網站的開發離不開網頁,而網頁的核心技術就是HTML語言。盡管在網站開發老手們看來,HTML語言恐怕是眾多Web 技術中最顯得微不足道的部分,但是,HTML的的確確是精彩的Web世界里必不可少的基石。下面先用一個實驗來快速了解什么是網頁和HTML語言,用記事本程序創建一個test.txt文本文件,文件內容如下:

<marquee behavior ="alternate"><font size=30 color='red'>www.it315.org </font></marquee>  
 
編寫完上述代碼后,將它存盤并將文件名改為test.htm。然后用IE瀏覽器打開這個文件,可以看到在瀏覽器中顯示的效果是:字體大小為30個像素,顏色為紅色,內容為“www.it315.org”的文本串在不停地水平移動。但放在尖括號對(< >)中的字符序列,如<marquee>、<font„>并沒有在瀏覽器中顯示出來,它們指定了“www.it315.org”文本串的顯示效果。這些尖括號對(< >)與其中的字符序列就是HTML標簽,一個HTML標簽必須是由“<”開頭,由“>”結尾。HTML是英文 HyperText Markup Language的縮寫,中文意思是“超文本標簽語言”,使用HTML語言編寫的文件的擴展名是.html或.htm,這就是網頁文件。可以使用記事本程序來編寫網頁文件,也可以使用FrontPage Editor等專門的工具軟件來編寫HTML文件。HTML語言中的標簽通常是成對使用的,它使用一個開始標簽和一個結束標簽來標識文本,結束標簽是在標簽名稱前加一個“/”,也就是以“<標簽名>”表示標簽的開始,以“</標簽名>”表示標簽的結束。一對標簽中還可以嵌套其他的標簽,所以,成對標簽又稱之為容器。HTML中也有單獨標簽,單獨標簽不需要與之配對的結束標簽,它們可以單獨使用,又稱之為空標簽,空標簽只能單獨使用,不能用于格式化文本(例如,<br>)。一個HTML標簽及標簽中嵌套的內容形成了網頁中的一個元素,很多人喜歡直接用“HTML元素”來等同“HTML標簽”,這本身并不是一個非常嚴謹的問題,讀者也不必嚴格區分兩者的概念。

 
許多HTML標簽都可以設置一個或多個屬性來控制標簽的顯示效果,例如,<marquee>標簽中的behavior、<font>標簽中的size和color就是HTML標簽屬性。屬性設置的一般格式為:屬性名=屬性值,屬性值部分可以用英文的雙引號(" ")或單引號(' ')引起來,也可以不使用任何引號。對于有些只有兩種狀態(有或無)的屬性不用設置屬性值,寫上該屬性名表示啟用該屬性;反之,不寫則表示不使用該屬性。每個屬性的位置必須跟在起始標簽名的后面,且位于尖括號之內。標簽名與屬性之間,屬性與屬性之間必須用空格分隔。有些屬性是公共的,這些屬性的名稱和作用在每個HTML標簽中都完全相同,有些屬性是某個HTML標簽專用的。HTML標簽、屬性名與屬性值都是大小寫不敏感的,即<font color=red>、<FONT Color=RED>、以及<Font COLOR=red>的效果是一樣的,但網頁文檔編寫者應該養成大小寫統一的習慣,不要隨心所欲、忽大忽小。 
瀏覽器打開網頁文件的過程與用記事本程序打開文本文件的過程是一樣的,只是瀏覽器會對網頁文件中的內容用特殊的方式顯示。瀏覽器除了從本地硬盤上打開網頁文件外,還可以使用HTTP網絡協議從網絡上的WWW服務器(也叫Web服務器)上獲取網頁文件的內容,如圖1.1所示。 
 
網頁文件就是一個普通的文本文件,這個文本文件里的一些特殊字符序列被當作一種HTML標記,當瀏覽器打開網頁文件時,不是像記事本程序那樣簡單地顯示文本文件里的內容,而是根據其中的標記來控制文件內容的顯示效果和執行某種功能。單擊IE瀏覽器上的“查看”→“源文件”菜單,可以看到test.htm中的原始文本內容,可見,瀏覽器的基本功能就是根據HTML標簽的含義,用特殊的效果去顯示和控制一對HTML標簽之間所引用的文本內容,HTML標簽的作用就是告訴瀏覽器應該如何顯示有關的文本。有各種各樣的HTML標簽,它們定義了網頁中文字的大小、顏色、效果,段落的排版方式,以及用戶如何通過一個網頁導航到另外的網頁等各方面的內容,這些HTML標簽的組合就是HTML語言。HTML不是程序設計語言,而是一種標記語言,也就是用一些標記來說明文本的顯示效果。要建立網站和制作網頁,就必須對HTML語言有所了解。
 

?