新手學(xué)習(xí)老知識(shí)（一）HTML語(yǔ)言基礎(chǔ)

　　近兩年來(lái)，許多公司開(kāi)發(fā)出了圖形化的HTML開(kāi)發(fā)工具，使得網(wǎng)頁(yè)的制作變得非常簡(jiǎn)單。如微軟公司推出的 Microsoft FrontPage， Adobe公司推出的 Adobe Pagemill， Micromedia公司推出的Dreamweaver等編輯工具，都被稱為“所見(jiàn)即所得”的工具。這些圖形化的開(kāi)發(fā)工具可以直接處理網(wǎng)頁(yè)，而不用書寫費(fèi)勁的標(biāo)記。這使得用戶在沒(méi)有HTML語(yǔ)言基礎(chǔ)的情況下，照樣可以編寫網(wǎng)頁(yè)。這時(shí)，編寫HTML文檔的任務(wù)由開(kāi)發(fā)工具替你完成了。 這是網(wǎng)頁(yè)圖形編輯工具的最大成功之處，但也是它們的最大不足之處。受到圖形編輯工具自身的約束，將產(chǎn)生大量的垃圾代碼。原因很簡(jiǎn)單，我舉一個(gè)簡(jiǎn)單的例子你就明白了。比如：在網(wǎng)頁(yè)設(shè)計(jì)一個(gè)表格，若是每個(gè)單元格的寬度和高度讓它根據(jù)其中的內(nèi)容自動(dòng)確定，HTML只要你告訴它是表格和單元格的排列順序（也就是行列數(shù)）就行了，但因?yàn)閳D形化開(kāi)發(fā)工具無(wú)法得知你的這種特殊要求，所以只能取一般要求，把每個(gè)單元格的寬度和高度都定義起來(lái)，從而增加了許多代碼。所以一個(gè)明智的網(wǎng)頁(yè)編寫者應(yīng)該在掌握?qǐng)D形編輯工具的基礎(chǔ)上進(jìn)一步學(xué)會(huì)HTML語(yǔ)言，從而知道那些是垃圾代碼，這樣，我們就可以利用圖形化HTML開(kāi)發(fā)工具快速成地做出網(wǎng)頁(yè)，又會(huì)消除無(wú)用的代碼，從而達(dá)到快速制作高質(zhì)量網(wǎng)頁(yè)的目的。

　　二、如何用HTML？

　　HTML語(yǔ)言，又稱超文本標(biāo)記語(yǔ)言，是英文Hyper Text Markup Language的縮寫。HTML語(yǔ)言作為一種標(biāo)識(shí)性的語(yǔ)言，是由一些特定符號(hào)和語(yǔ)法組成的，所以理解和掌握都是十分容易的?？梢哉f(shuō)，HTML語(yǔ)言在所有的計(jì)算機(jī)編程語(yǔ)言中是最簡(jiǎn)單易學(xué)的。 組成HTML的文檔都是ASCIlI檔，所以創(chuàng)建HTML文件十分簡(jiǎn)單，只需一個(gè)普通的字符編輯器即可。如 Wndows中的記事本、寫字板都可以使用。也可以采用專用的 HTML 編輯工具：如 CoffeeHTML、 Homesite、 HTMLedit Pro等工具，它們的特點(diǎn)是能夠自動(dòng)檢查HTML文檔中的語(yǔ)法錯(cuò)誤并協(xié)助改正。由于有了圖形化的HTML開(kāi)發(fā)工具，使得我們更加容易，我們可以先用它制作好網(wǎng)頁(yè)，再在它附帶的HTML代碼編輯器在刪去那些無(wú)用的代碼，利用它的所見(jiàn)即所得特性，從而使我們很快就能熟煉地掌握HTML。特別是 Micromedia 公司最近發(fā)布的Dreamweaver4，可以把源代碼編輯器和網(wǎng)頁(yè)編輯器放在同一個(gè)窗口中，真是方便極了。

　　三、HTML基本概念

　　1、標(biāo)記

　　HTML用于描述功能的符號(hào)稱為“標(biāo)記”。如“HTML”、“BODY”、“TABLE”等。標(biāo)記在使用是必須用方括號(hào)“<>”括起來(lái)，而且是成對(duì)出現(xiàn)，無(wú)斜杠的標(biāo)記表示該標(biāo)記的作用開(kāi)始，有斜杠的標(biāo)記表示該標(biāo)記的作用結(jié)束。如

表示一個(gè)表格的開(kāi)始，表標(biāo)一個(gè)表格的結(jié)束。在HTML中，標(biāo)記的大小寫作用相同，如和都是表示一個(gè)表格的開(kāi)始。

　　標(biāo)記可以包含標(biāo)記，如：表格中包含表格或其它標(biāo)記，如下面這樣的HTML代碼結(jié)構(gòu)是正確的：

但是標(biāo)記不能交叉嵌套，如下面這樣的代碼是錯(cuò)誤的：

這是不正確的代碼

　　2、特殊字符

　　由于方括號(hào)和英文雙引號(hào)被用來(lái)提示HTML的標(biāo)記及參數(shù)值，那么在網(wǎng)頁(yè)中要顯示方括號(hào)和英文引號(hào)只能用其它的符號(hào)來(lái)代替，下面是常見(jiàn)特殊字符所代表的正常字符：

<或<對(duì)應(yīng)字符 <
>或>對(duì)應(yīng)字符 >
"或"——對(duì)應(yīng)字符 "
à——對(duì)應(yīng)字符 A

　　3、語(yǔ)法

　　一個(gè)標(biāo)記，為了明確它的功能，往往用一些屬性參數(shù)來(lái)描述，對(duì)這些屬性參數(shù)的規(guī)定上就是所謂的語(yǔ)法，例如：段落標(biāo)記

，它的語(yǔ)法格式是：

　　這就說(shuō)明

標(biāo)記有兩個(gè)屬性參數(shù)，即“align”和“class”，其中“align”用于定義段的位置是靠左、靠右還是居中。默認(rèn)值是靠左。而“class ”則是定義所屬的類型。在實(shí)際應(yīng)用時(shí)當(dāng)然可以沒(méi)有“align”和“class”參數(shù)，按照默認(rèn)情況顯示，這一點(diǎn)非常重要，這是我們判斷無(wú)用代碼的主要標(biāo)準(zhǔn)之一，假如在網(wǎng)頁(yè)代碼中有對(duì)默認(rèn)值進(jìn)行描述設(shè)置的語(yǔ)句代碼，顯然是無(wú)用的代碼。另外，在設(shè)置標(biāo)記的屬性值時(shí)，若是取默認(rèn)值不影響效果或影響很少，我們就盡量取默認(rèn)值，這樣可以不用設(shè)置，從而達(dá)到減少代碼的目的。

　　標(biāo)記參數(shù)的具體的值都有要加西文引號(hào)，如：要使段落內(nèi)容居中，正確的寫法是這樣的：

段落內(nèi)容居中示例

　　學(xué)好用好HTML語(yǔ)言的關(guān)鍵是靈活應(yīng)用標(biāo)記的參數(shù)。特別是默認(rèn)值的應(yīng)用。

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com