HTML是什麼、怎麼用-html教學-PHP中文網

HTML是超文本標記語言,是一種用來製作超文本文檔的簡單標記語言，本文詳細的介紹了html的發展和基本概念，有興趣的可以了解一下

#HTML的發展歷史:

HTML英文意思是 Hypertext Marked Language，即超文本標記語言,是一種用來製作超文本文件的簡單標記語言。 HTML是由WEB的發明者Tim Berners-Lee和同事Daniel W.Connolly於1990年創立的標記式語言。它是標準通用化標記語言SGML的應用。

用HTML編寫的超文本文檔稱為HTML文檔，它能獨立於各種作業系統平台（如UNIX，WINDOWS等）。透過HTML，將所需表達的訊息以某種規則寫成HTML文件，透過專用的瀏覽器來識別，並將這些HTML一種能夠被廣泛理解的語言，「翻譯「成可以識別的訊息，即所有的電腦都能夠理解的一種用於出版的「母語」。就是我們現在所見到的網頁。自1990年以來HTML就一直被用作ＷＷＷ（是World Wide Web的縮寫，也可簡寫WEB、中文叫做萬維網)的信息表示語言，用於描述Homepage的格式設計和它與WWW上其它Homepage 的連結信息。使用HTML語言描述的檔案需要透過WWW瀏覽器顯示出效果。

HTML( 超文件標記語言 ) 是一種建立網頁檔案的語言，透過標記式的指令(Tag)，將影像、聲音、圖片、文字、動畫、影視等內容顯示出來。因為它可以從一個文件跳到另一個文件，與世界各地主機的文件連接。超文本傳輸協定規定了瀏覽器在執行HTML文件時所遵循的規則和進行的操作.HTTP協定的製定使瀏覽器在運行超文本時有了統一的規則和標準.

#所謂超文本，是因為它可以加入圖片、聲音、動畫、影視等內容，事實上每一個HTML文檔都是一種靜態的網頁文件，這個文件裡麵包含了HTML指令代碼，這些指令代碼並不是一種程式語言，它只是一種排版網頁中資料顯示位置的標記結構語言，易學易懂，非常簡單。 HTML的普遍應用是帶來了超文本的技術----透過點擊滑鼠從一個主題跳到另一個主題，從一個頁面跳到另一個頁面與世界各地主機的文件連結。直接取得相關的主題。如下所示：

透過html可以表現出豐富多彩的設計風格：

圖片呼叫：
文字格式：文字

透過HTML可以實現頁面之間的跳躍：　

#頁面跳轉：〈A HREF="檔案路徑/檔名">　

透過HTML可以展現多媒體的效果：　

#聲頻：
視頻：

#從上面我們可以看到HTML超文本文件時需要用到的一些標籤。在HTML中每個用來作標籤的符號都是一條指令、它告訴瀏覽器如何顯示文字。這些標籤均由"<"和">"符號以及一個字串組成。而瀏覽器的功能是對這些標記進行解釋，顯示出文字、圖像、動畫、播放聲音。這些標籤符號以「<標籤名字屬性>」來表示。

HTML只是一個純文字檔。建立一個HTML文檔，只需要兩個工具，一個是HTML編輯器，一個WEB瀏覽器。 HTML編輯器是用於產生和保存THML文件的應用程式。 WEB瀏覽器是用來開啟WEB網頁文件，提供給我們查看WEB資源的客戶程式。

HTML文件屬於純文字檔案（它能用任意的文字編寫器書寫）。例如,HTML語言可直接使用普通的文字編輯器進行編輯。

HTML的強大功能：

#出版線上的文檔，其中包含了標題、文字、表格、列表以及照片等內容。
透過超連結檢索線上的資訊。
為取得遠端服務而設計表單，可用於擷取資訊、購買產品等。
在文件中直接包含電子表格、視訊剪輯、聲音剪輯以及其他的一些應用.

HTML的廣泛應用:

所有的萬維網檔案都是由超文本標誌語言HTML所建立的。在這種語言中，可以使用各種標記對檔案進行處理。這些標記決定了文件內容的外觀、結構以及互動性等方面，他們的共同之處就是都使用"<>"，例如段落標記

，圖片標記等。

在瀏覽器中，是看不到任何HTML標記的，但是在瀏覽器中所看到的網頁效果卻都是由這些標記產生的。在大多數情況下，在創建網站時並不需要對HTML標記進行掌握，因為在FrontPage 等這樣的軟體中，對於HTML的處理是在幕後進行的，從而掩蓋了該語言的複雜性。如果需要查看網頁的HTML標記，可以選擇HTML模式。

現在的網頁製作，大都採用一些專門的網頁製作工具，如Dreamweaver、webstorm 等。這些工具都是所見即所得，非常方便。但大家千萬不要以為只懂這些工具就夠了。在很多時候，我們都需要手動對HTML程式碼進行調整，才能達到更好、更專業的效果。

在了解了HTML的定義後，接下來我們便來學習此語言。

一、為什麼要學HTML？

近兩年來，許多公司開發了圖形化的HTML開發工具，使得網頁的製作變得非常簡單。 webstorm，Adobe公司推出的Adobe Pagemill，Micromedia公司推出的Dreamweaver等編輯工具，都被稱為「所見即所得」的網頁製作工具。這些圖形化的開發工具可以直接處理網頁，而不用書寫費勁的標記。這使得使用者在沒有HTML語言基礎的情況下，可以照樣編寫網頁。這時，寫HTML文件的任務由開發工具替你完成了。這是網頁圖形編輯工具的最大成功之處，但也是它們的最大不足之處。受到圖形編輯工具本身的約束，將產生大量的垃圾程式碼。原因很簡單，例如：在網頁設計一個表格，若是每個單元格的寬度和高度讓它根據其中的內容自動確定，HTML只要你告訴它是表格和單元格的排列順序（也就是行列數）就行了，但因為圖形化開發工具無法得知你的這種特殊要求，所以只能取一般要求，把每個單元格的寬度和高度都定義起來，從而增加了許多程式碼。所以一個明智的網頁編寫者應該在掌握圖形編輯工具的基礎上進一步學會HTML語言，從而知道那些是垃圾程式碼，這樣，我們就可以利用圖形化HTML開發工具快速成地做出網頁，又會消除無用的程式碼，從而達到快速製作高品質網頁的目的。

因此,HTML語言是網頁製作的基礎，是初學者必學的內容。雖然現在有許多所見即所得的網頁製作工具，但是說到底，還是有必要了解一些HTML的語法。這樣，您可以更精確的控制頁面的排版，可以實現更多的功能。

二、如何用HTML？

HTML語言，又稱超文本標記語言，是英文Hyper Text Markup Language的縮寫。 HTML語言作為一種識別性的語言，是由一些特定符號和語法組成的，所以理解和掌握都是十分容易的。可以說，HTML語言在所有的電腦程式語言中是最簡單易學的。組成HTML的文檔都是ASCIlI檔，所以創建HTML文件十分簡單，只需一個普通的字元編輯器即可。如 Windows中的記事本、寫字板都可以使用。也可以採用專用的 HTML 編輯工具：如 CoffeeHTML、Homesite、HTMLedit Pro等工具，它們的特點是能夠自動檢查HTML文件中的語法錯誤並協助改正。由於有了圖形化的HTML開發工具，使得我們學習HTML更加容易，我們可以先用它製作好網頁，再在它附帶的HTML代碼編輯器在刪去那些無用的代碼，利用它的所見即所得特性，從而使我們很快就能熟煉地掌握HTML。特別是Micromedia 公司最近發布的Dreamweaver4，可以把原始碼編輯器和網頁編輯器放在同一個視窗中，真是方便極了。

三、HTML基本概念

#1、定義：

HTML 語言是一種超文本的標記語言,簡單來講就是構建一套標記符號和語法規則,將所要顯示出來的文字、圖象、聲音等要素按照一定的標準要求排放，形成一定的標題、段落、列表等單元。

2、超文本標記

1) 超文本標記以尖括號「＜」和「＞」表示。

2)超文本標記一般是成對出現，用斜線的元素表示結束。如：＜html＞和＜/html＞。但有些標記只有起始標記而沒有結束標記，如：＜BR＞，它在網頁中表示引入一個換行動作，還有些標記可以省略，如：段落的結束標記＜/P＞就可以省略。

3)超文本標記忽略大小寫，如：＜HTML＞和＜html＞是等效的，但其中實體內容的名稱是要區分大小寫，如"&NAME"和"&name"是表示不同的實體。

4)一個標記元素可寫在多行，參數位置不受限制。

3、HTML語言的單元（元素）

整個網頁頁面的內容由特定內容所形成的許多單元構成的，而每個單元又由三部分組成-- --起始標記、單元內容、結束標記。

起始標記：起始標記由「＜」和「＞」來界定,單元名稱和屬性由起始標記給出；

單元內容：中間的部分是單元的內容部分；