HTML的發(fā)展歷史:
HTML英語意思是 Hypertext Marked Language，即超文本標(biāo)記語言,是一種用來制作超文本文檔的簡單標(biāo)記語言。HTML是由WEB的發(fā)明者Tim Berners-Lee和同事Daniel W.Connolly于1990年創(chuàng)立的一種標(biāo)記式語言。它是標(biāo)準(zhǔn)通用化標(biāo)記語言SGML的應(yīng)用。
用HTML編寫的超文本文檔稱為HTML文檔，它能獨(dú)立于各種操作系統(tǒng)平臺（如UNIX，WINDOWS等）。通過HTML，將所需要表達(dá)的信息按某種規(guī)則寫成HTML文件，通過專用的瀏覽器來識別，并將這些HTML一種能夠被廣泛理解的語言，“翻譯“成可以識別的信息，即所有的計(jì)算機(jī)都能夠理解的一種用于出版的“母語”。就是我們現(xiàn)在所見到的網(wǎng)頁。 自1990年以來HTML就一直被用作ＷＷＷ（是World Wide Web的縮寫，也可簡寫WEB、中文叫做萬維網(wǎng))的信息表示語言，用于描述Homepage的格式設(shè)計(jì)和它與WWW上其它Homepage 的連結(jié)信息。使用HTML語言描述的文件需要通過WWW瀏覽器顯示出效果。
HTML( 超文件標(biāo)記語言 ) 是一種建立網(wǎng)頁文件的語言，透過標(biāo)記式的指令(Tag)，將影像、聲音、圖片、文字、動畫、影視等內(nèi)容顯示出來。因?yàn)樗梢詮囊粋€(gè)文件跳轉(zhuǎn)到另一個(gè)文件，與世界各地主機(jī)的文件連接。 超文本傳輸協(xié)議規(guī)定了瀏覽器在運(yùn)行HTML文檔時(shí)所遵循的規(guī)則和進(jìn)行的操作.HTTP協(xié)議的制定使瀏覽器在運(yùn)行超文本時(shí)有了統(tǒng)一的規(guī)則和標(biāo)準(zhǔn).
所謂超文本，是因?yàn)樗梢约尤雸D片、聲音、動畫、影視等內(nèi)容，事實(shí)上每一個(gè)HTML文檔都是一種靜態(tài)的網(wǎng)頁文件，這個(gè)文件里面包含了HTML指令代碼，這些指令代碼并不是一種程序語言，它只是一種排版網(wǎng)頁中資料顯示位置的標(biāo)記結(jié)構(gòu)語言，易學(xué)易懂，非常簡單。HTML的普遍應(yīng)用就是帶來了超文本的技術(shù)----通過單擊鼠標(biāo)從一個(gè)主題跳轉(zhuǎn)到另一個(gè)主題，從一個(gè)頁面跳轉(zhuǎn)到另一個(gè)頁面與世界各地主機(jī)的文件鏈接。直接獲取相關(guān)的主題。如下所示：
通過html可以表現(xiàn)出豐富多彩的設(shè)計(jì)風(fēng)格：
圖片調(diào)用：<IMG SRC="文件名">
文字格式： <FONT SIZE="+5 " COLOR="#00FFFF">文字</FONT>
通過HTML可以實(shí)現(xiàn)頁面之間的跳轉(zhuǎn)：
頁面跳轉(zhuǎn)：〈A HREF="文件路徑/文件名"></A>
通過HTML可以展現(xiàn)多媒體的效果：
聲頻：<EMBED SRC="音樂地址" AUTOSTART=true>
視頻：<EMBED SRC="視頻地址" AUTOSTART=true>
從上面我們可以看到HTML超文本文件時(shí)需要用到的一些標(biāo)簽。在HTML中每個(gè)用來作標(biāo)簽的符號都是一條命令、它告訴瀏覽器如何顯示文本。這些標(biāo)簽均由"<"和">"符號以及一個(gè)字符串組成。而瀏覽器的功能是對這些標(biāo)記進(jìn)行解釋，顯示出文字、圖像、動畫、播放聲音。這些標(biāo)簽符號用“<標(biāo)簽名字 屬性>”來表示。
HTML只是一個(gè)純文本文件。創(chuàng)建一個(gè)HTML文檔，只需要兩個(gè)工具，一個(gè)是HTML編輯器，一個(gè)WEB瀏覽器。HTML編輯器是用于生成和保存THML文檔的應(yīng)用程序。WEB瀏覽器是用來打開WEB網(wǎng)頁文件，提供給我們查看WEB資源的客戶端程序。
HTML文檔屬于純文本文件（它能用任意的文本編寫器書寫）。 例如,HTML語言可直接使用普通的文本編輯器進(jìn)行編輯。
HTML的強(qiáng)大功能：
- 出版在線的文檔，其中包含了標(biāo)題、文本、表格、列表以及照片等內(nèi)容。
- 通過超鏈接檢索在線的信息。
- 為獲取遠(yuǎn)程服務(wù)而設(shè)計(jì)表單，可用于檢索信息、定購產(chǎn)品等。
- 在文檔中直接包含電子表格、視頻剪輯、聲音剪輯以及其他的一些應(yīng)用.
HTML的廣泛應(yīng)用:
所有的萬維網(wǎng)文件都是由超文本標(biāo)志語言HTML所創(chuàng)建的。在這種語言中，可以使用各種標(biāo)記對文件進(jìn)行處理。這些標(biāo)記決定了文件內(nèi)容的外觀、結(jié)構(gòu)以及交互性等方面，他們的共同之處就是都使用"<>"，例如段落標(biāo)記<p>，圖片標(biāo)記<imp>等。
在瀏覽器中，是看不到任何HTML標(biāo)記的，但是在瀏覽器中所看到的網(wǎng)頁效果卻都是由這些標(biāo)記生成的。在大多數(shù)情況下，在創(chuàng)建站點(diǎn)時(shí)并不需要對HTML標(biāo)記進(jìn)行掌握，因?yàn)樵贔rontPage 等這樣的軟件中，對于HTML的處理是在幕后進(jìn)行的，因而就掩蓋了該語言的復(fù)雜性。 如果需要查看網(wǎng)頁的HTML標(biāo)記，可以選擇HTML模式。
現(xiàn)在的網(wǎng)頁制作，大都采用一些專門的網(wǎng)頁制作工具，如Dreamweaver、webstorm 等。這些工具都是所見即所得，非常地方便。但大家千萬不要以為只懂這些工具就夠了。在很多時(shí)候，我們都需要手動對HTML代碼進(jìn)行調(diào)整，才能達(dá)到更好、更專業(yè)的效果。
在了解了HTML的定義后，接下來我們便來學(xué)習(xí)此語言。
一、為什么要學(xué)習(xí)HTML？
近兩年來，許多公司開發(fā)出了圖形化的HTML開發(fā)工具，使得網(wǎng)頁的制作變得非常簡單。webstorm，Adobe公司推出的Adobe Pagemill，Micromedia公司推出的Dreamweaver等編輯工具，都被稱為“所見即所得”的網(wǎng)頁制作工具。這些圖形化的開發(fā)工具可以直接處理網(wǎng)頁，而不用書寫費(fèi)勁的標(biāo)記。這使得用戶在沒有HTML語言基礎(chǔ)的情況下，照樣可以編寫網(wǎng)頁。這時(shí)，編寫HTML文檔的任務(wù)由開發(fā)工具替你完成了。這是網(wǎng)頁圖形編輯工具的最大成功之處，但也是它們的最大不足之處。受到圖形編輯工具自身的約束，將產(chǎn)生大量的垃圾代碼。原因很簡單，比如：在網(wǎng)頁設(shè)計(jì)一個(gè)表格，若是每個(gè)單元格的寬度和高度讓它根據(jù)其中的內(nèi)容自動確定，HTML只要你告訴它是表格和單元格的排列順序（也就是行列數(shù)）就行了，但因?yàn)閳D形化開發(fā)工具無法得知你的這種特殊要求，所以只能取一般要求，把每個(gè)單元格的寬度和高度都定義起來，從而增加了許多代碼。所以一個(gè)明智的網(wǎng)頁編寫者應(yīng)該在掌握圖形編輯工具的基礎(chǔ)上進(jìn)一步學(xué)會HTML語言，從而知道那些是垃圾代碼，這樣，我們就可以利用圖形化HTML開發(fā)工具快速成地做出網(wǎng)頁，又會消除無用的代碼，從而達(dá)到快速制作高質(zhì)量網(wǎng)頁的目的。
因此,HTML語言是網(wǎng)頁制作的基礎(chǔ)，是初學(xué)者必學(xué)的內(nèi)容。雖然現(xiàn)在有許多所見即所得的網(wǎng)頁制作工具，但是說到底，還是有必要了解一些HTML的語法。這樣，您可以更精確的控制頁面的排版，可以實(shí)現(xiàn)更多的功能。
二、如何用HTML？
HTML語言，又稱超文本標(biāo)記語言，是英文Hyper Text Markup Language的縮寫。HTML語言作為一種標(biāo)識性的語言，是由一些特定符號和語法組成的，所以理解和掌握都是十分容易的?？梢哉f，HTML語言在所有的計(jì)算機(jī)編程語言中是最簡單易學(xué)的。組成HTML的文檔都是ASCIlI檔，所以創(chuàng)建HTML文件十分簡單，只需一個(gè)普通的字符編輯器即可。如 Windows中的記事本、寫字板都可以使用。也可以采用專用的 HTML 編輯工具：如 CoffeeHTML、Homesite、HTMLedit Pro等工具，它們的特點(diǎn)是能夠自動檢查HTML文檔中的語法錯(cuò)誤并協(xié)助改正。由于有了圖形化的HTML開發(fā)工具，使得我們學(xué)習(xí)HTML更加容易，我們可以先用它制作好網(wǎng)頁，再在它附帶的HTML代碼編輯器在刪去那些無用的代碼，利用它的所見即所得特性，從而使我們很快就能熟煉地掌握HTML。特別是Micromedia 公司最近發(fā)布的Dreamweaver4，可以把源代碼編輯器和網(wǎng)頁編輯器放在同一個(gè)窗口中，真是方便極了。
三、HTML基本概念
1、定義：
HTML 語言是一種超文本的標(biāo)記語言,簡單來講就是構(gòu)建一套標(biāo)記符號和語法規(guī)則,將所要顯示出來的文字、圖象、聲音等要素按照一定的標(biāo)準(zhǔn)要求排放，形成一定的標(biāo)題、段落、列表等單元。
2、超文本標(biāo)記
1) 超文本標(biāo)記用帶尖括號“＜”和“＞”表示。
2)超文本標(biāo)記一般是成對出現(xiàn)，用帶斜杠的元素表示結(jié)束。如：＜html＞和＜/html＞。但有些標(biāo)記只有起始標(biāo)記而沒有結(jié)束標(biāo)記，如：＜BR＞，它在網(wǎng)頁中表示引入一個(gè)換行動作，還有些標(biāo)記可以省略，如：段落的結(jié)束標(biāo)記＜/P＞就可以省略。
3)超文本標(biāo)記忽略大小寫，如：＜HTML＞和＜html＞是等效的，但其中實(shí)體內(nèi)容的名稱是要區(qū)分大小寫，如"&NAME"和"&name"是表示不同的實(shí)體。
4)一個(gè)標(biāo)記元素可寫在多行，參數(shù)位置不受限制。
3、HTML語言的單元 （元素）
整個(gè)網(wǎng)頁頁面的內(nèi)容由特定內(nèi)容形成的許多單元構(gòu)成的，而每個(gè)單元又由三部分組成----起始標(biāo)記、單元內(nèi)容、結(jié)束標(biāo)記。
起始標(biāo)記：起始標(biāo)記由“＜”和“＞”來界定,單元名稱和屬性由起始標(biāo)記給出；
單元內(nèi)容：中間的部分是單元的內(nèi)容部分；
結(jié)束標(biāo)記：結(jié)束標(biāo)記由“＜/”和“＞”來界定，比起始標(biāo)志多一斜杠；
例如：標(biāo)題欄單元的標(biāo)記形式
＜TITLE＞高考狀元訪談--記一位農(nóng)家孩子的成長經(jīng)歷＜/TITLE＞
其中＜TITLE＞和＜/TITLE＞是起始標(biāo)記和結(jié)束標(biāo)記，“高考狀元訪談--記一位農(nóng)家孩子的成長經(jīng)歷”是單元的基本內(nèi)容。
總之，整個(gè)HTML文檔都是由標(biāo)記構(gòu)成的，HTML文檔的標(biāo)記為編寫該文檔建立了固定的框架，我們只需要在這個(gè)框架中填充內(nèi)容就行了。
學(xué)好用好HTML語言的關(guān)鍵是靈活應(yīng)用標(biāo)記的參數(shù)。特別是默認(rèn)值的應(yīng)用
