HTML英語意思是Hypertext Marked Language,即超文本標記語言,是一種用來製作超文本文檔的簡單標記語言。 HTML是由WEB的發明者Tim Berners-Lee和同事Daniel W.Connolly於1990年創立的一種標記式語言。它是標准通用化標記語言SGML的應用。
用HTML編寫的超文本文檔稱為HTML文檔,它能獨立於各種操作系統平台(如UNIX,WINDOWS等)。通過HTML,將所需要表達的信息按某種規則寫成HTML文件,通過專用的瀏覽器來識別,並將這些HTML一種能夠被廣泛理解的語言,翻譯成可以識別的信息,即所有的計算機都能夠理解的一種用於出版的母語。就是我們現在所見到的網頁。自1990年以來HTML就一直被用作WWW(是World Wide Web的縮寫,也可簡寫WEB、中文叫做萬維網)的信息表示語言,用於描述Homepage的格式設計和它與WWW上其它Homepage 的連結信息。使用HTML語言描述的文件需要通過WWW瀏覽器顯示出效果。
HTML( 超文件標記語言) 是一種建立網頁文件的語言,透過標記式的指令(Tag),將影像、聲音、圖片、文字、動畫、影視等內容顯示出來。因為它可以從一個文件跳轉到另一個文件,與世界各地主機的文件連接。 超文本傳輸協議規定了瀏覽器在運行HTML文檔時所遵循的規則和進行的操作.HTTP協議的製定使瀏覽器在運行超文本時有了統一的規則和標準.
所謂超文本,是因為它可以加入圖片、聲音、動畫、影視等內容,事實上每一個HTML文檔都是一種靜態的網頁文件,這個文件裡麵包含了HTML指令代碼,這些指令代碼並不是一種程序語言,它只是一種排版網頁中資料顯示位置的標記結構語言,易學易懂,非常簡單。 HTML的普遍應用就是帶來了超文本的技術----通過單擊鼠標從一個主題跳轉到另一個主題,從一個頁面跳轉到另一個頁面與世界各地主機的文件鏈接。直接獲取相關的主題。如下所示:
通過html可以表現出豐富多彩的設計風格:圖片調用:<IMG SRC=文件名>
文字格式: <FONT SIZE=+5 COLOR=#00FFFF>文字</FONT>
通過HTML可以實現頁面之間的跳轉:頁面跳轉:〈A HREF=文件路徑/文件名></A>
通過HTML可以展現多媒體的效果:聲頻:<EMBED SRC=音樂地址AUTOSTART=true>
視頻:<EMBED SRC=視頻地址AUTOSTART=true>
從上面我們可以看到HTML超文本文件時需要用到的一些標籤。在HTML中每個用來作標籤的符號都是一條命令、它告訴瀏覽器如何顯示文本。這些標籤均由<和>符號以及一個字符串組成。而瀏覽器的功能是對這些標記進行解釋,顯示出文字、圖像、動畫、播放聲音。這些標籤符號用<標籤名字屬性>來表示。
HTML只是一個純文本文件。創建一個HTML文檔,只需要兩個工具,一個是HTML編輯器,一個WEB瀏覽器。 HTML編輯器是用於生成和保存THML文檔的應用程序。 WEB瀏覽器是用來打開WEB網頁文件,提供給我們查看WEB資源的客戶端程序。
HTML文檔屬於純文本文件(它能用任意的文本編寫器書寫)。 例如,HTML語言可直接使用普通的文本編輯器進行編輯。
HTML的強大功能:所有的萬維網文件都是由超文本標誌語言HTML所創建的。在這種語言中,可以使用各種標記對文件進行處理。這些標記決定了文件內容的外觀、結構以及交互性等方面,他們的共同之處就是都使用<>,例如段落標記<p>,圖片標記<imp>等。
在瀏覽器中,是看不到任何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語言的單元(元素)整個網頁頁面的內容由特定內容形成的許多單元構成的,而每個單元又由三部分組成----起始標記、單元內容、結束標記。
起始標記:起始標記由<和>來界定,單元名稱和屬性由起始標記給出;
單元內容:中間的部分是單元的內容部分;
結束標記:結束標記由</和>來界定,比起始標誌多一斜杠;
例如:標題欄單元的標記形式
<TITLE>高考狀元訪談--記一位農家孩子的成長經歷</TITLE>
其中<TITLE>和</TITLE>是起始標記和結束標記,高考狀元訪談--記一位農家孩子的成長經歷是單元的基本內容。
總之,整個HTML文檔都是由標記構成的,HTML文檔的標記為編寫該文檔建立了固定的框架,我們只需要在這個框架中填充內容就行了。
學好用好HTML語言的關鍵是靈活應用標記的參數。特別是默認值的應用