一、HTML語言的發(fā)展背景
近年來,許多公司推出了圖形化的HTML開發(fā)工具,如微軟公司的Microsoft FrontPage、Adobe公司的Adobe Pagemill和Micromedia公司
一、HTML語言的發(fā)展背景
近年來,許多公司推出了圖形化的HTML開發(fā)工具,如微軟公司的Microsoft FrontPage、Adobe公司的Adobe Pagemill和Micromedia公司的Dreamweaver等編輯工具。這些所見即所得的工具使網(wǎng)頁制作變得非常簡單,用戶可以在沒有HTML語言基礎(chǔ)的情況下編寫網(wǎng)頁。這些開發(fā)工具能夠直接處理網(wǎng)頁,不需要繁瑣的標(biāo)記書寫。然而,這也帶來了一個問題,即大量的垃圾代碼的產(chǎn)生。由于圖形化開發(fā)工具無法滿足特殊要求,它們只能采取一般性的方式定義每個元素的樣式,從而增加了很多無用的代碼。因此,明智的網(wǎng)頁編寫者應(yīng)該在掌握圖形編輯工具的基礎(chǔ)上學(xué)會HTML語言,以消除無用代碼并快速制作高質(zhì)量的網(wǎng)頁。
二、HTML基本概念
1. 標(biāo)記
HTML用于描述功能的符號稱為"標(biāo)記",如HTML、BODY、TABLE等。標(biāo)記必須用方括號<>括起來,并且成對出現(xiàn),無斜杠的標(biāo)記表示其作用開始,有斜杠的標(biāo)記表示其作用結(jié)束。例如`
`表示一個表格的結(jié)束。在HTML中,標(biāo)記的大小寫沒有區(qū)別,例如`
`和``都表示一個表格的開始。標(biāo)記可以包含其他標(biāo)記,例如表格中可以包含表格或其他標(biāo)記。
但是標(biāo)記不能交叉嵌套,例如``。
2. 特殊字符
由于方括號和英文雙引號被用來提示HTML的標(biāo)記及參數(shù)值,所以在網(wǎng)頁中要顯示方括號和英文引號只能用其他的符號來代替。常見的特殊字符及其對應(yīng)的正常字符如下:
- `<`或`lt;` 對應(yīng)字符 `<`
- `>`或`gt;` 對應(yīng)字符 `>`
- `"`或`quot;` 對應(yīng)字符 `"`
- `amp;` 對應(yīng)字符 ``
3. 語法
一個標(biāo)記為了明確其功能,通常會用屬性參數(shù)來描述。這些屬性參數(shù)的規(guī)定被稱為語法。例如,段落標(biāo)記``,它的語法格式是`
`。其中`align`屬性用于定義段落的對齊方式,`class`屬性用于定義所屬的類型。在實(shí)際應(yīng)用中,如果不設(shè)置`align`和`class`參數(shù),將按照默認(rèn)值顯示。這是判斷無用代碼的主要標(biāo)準(zhǔn)之一。另外,如果某個屬性的取值對效果沒有影響或影響很少,我們應(yīng)該盡量使用默認(rèn)值,以減少代碼量。
三、如何使用HTML?
HTML語言的文檔都是ASCII文件,因此創(chuàng)建HTML文件非常簡單,只需一個普通的字符編輯器即可,如Windows中的記事本、寫字板等。也可以使用專用的HTML編輯工具,如CoffeeHTML、Homesite、HTMLedit Pro等,它們能夠自動檢查HTML文檔中的語法錯誤并幫助改正。借助圖形化的HTML開發(fā)工具,我們可以更加輕松地制作網(wǎng)頁,然后通過其內(nèi)置的HTML代碼編輯器去除無用的代碼。特別是最近發(fā)布的Dreamweaver4,它可以在同一個窗口中同時提供源代碼編輯器和網(wǎng)頁編輯器,非常方便。
通過理解HTML語言的發(fā)展背景、基本概念和使用方法,我們可以更好地掌握網(wǎng)頁制作的技巧,并且能夠快速制作高質(zhì)量的網(wǎng)頁。