- 作者:
- 發表時間:2010-04-07 09:29
- 來源:
一(yī)、為(wèi)什麽要?
近兩年(nián)來,許多(duō)公司開(kāi)發出了圖形化的HTML開(kāi)發工(gōng)具,使得網頁的制作變得非常簡單。如微軟公司推出的 Microsoft FrontPage, Adobe公司推出的 Adobe Pagemill, Micromedia公司推出的Dreamweaver等編輯工(gōng)具,都被稱為(wèi)“所見(jiàn)即所得”的工(gōng)具。這些圖形化的開(kāi)發工(gōng)具可以直接處理網頁,而不用書寫費(fèi)勁的标記。這使得用戶在沒有HTML語言基礎的情況下(xià),照(zhào)樣可以編寫網頁。這時,編寫HTML文檔的任務由開(kāi)發工(gōng)具替你完成了。 這是網頁圖形編輯工(gōng)具的最大成功之處,但也是它們的最大不足之處。受到(dào)圖形編輯工(gōng)具自(zì)身的約束,将産生(shēng)大量的垃圾代碼。原因很簡單,我舉一(yī)個(gè)簡單的例子你就(jiù)明白(bái)了。比如:在網頁設計一(yī)個(gè)表格,若是每個(gè)單元格的寬度和高(gāo)度讓它根據其中的内容自(zì)動确定,HTML隻要你告訴它是表格和單元格的排列順序(也就(jiù)是行列數)就(jiù)行了,但因為(wèi)圖形化開(kāi)發工(gōng)具無法得知你的這種特殊要求,所以隻能(néng)取一(yī)般要求,把每個(gè)單元格的寬度和高(gāo)度都定義起來,從(cóng)而增加了許多(duō)代碼。所以一(yī)個(gè)明智的網頁編寫者應該在掌握圖形編輯工(gōng)具的基礎上(shàng)進一(yī)步學會(huì)HTML語言,從(cóng)而知道那些是垃圾代碼,這樣,我們就(jiù)可以利用圖形化HTML開(kāi)發工(gōng)具快速成地做出網頁,又(yòu)會(huì)消除無用的代碼,從(cóng)而達到(dào)快速制作高(gāo)質量網頁的目的。
二、如何用HTML?
HTML語言,又(yòu)稱超文本标記語言,是英文Hyper Text Markup Language的縮寫。HTML語言作為(wèi)一(yī)種标識性的語言,是由一(yī)些特定符号和語法組成的,所以理解和掌握都是十分容易的。可以說,HTML語言在所有的計算(suàn)機(jī)編程語言中是最簡單易學的。 組成HTML的文檔都是ASCIlI檔,所以創建HTML文件(jiàn)十分簡單,隻需一(yī)個(gè)普通(tōng)的字符編輯器(qì)即可。如 Wndows中的記事(shì)本、寫字闆都可以使用。也可以采用專用的 HTML 編輯工(gōng)具:如 CoffeeHTML、 Homesite、 HTMLedit Pro等工(gōng)具,它們的特點是能(néng)夠自(zì)動檢查HTML文檔中的語法錯(cuò)誤并協助改正。由于有了圖形化的HTML開(kāi)發工(gōng)具,使得我們更加容易,我們可以先用它制作好網頁,再在它附帶的HTML代碼編輯器(qì)在删去那些無用的代碼,利用它的所見(jiàn)即所得特性,從(cóng)而使我們很快就(jiù)能(néng)熟煉地掌握HTML。特别是 Micromedia 公司最近發布的Dreamweaver4,可以把源代碼編輯器(qì)和網頁編輯器(qì)放(fàng)在同一(yī)個(gè)窗(chuāng)口中,真是方便極了。
三、HTML基本概念
1、标記
HTML用于描述功能(néng)的符号稱為(wèi)“标記”。如“HTML”、“BODY”、“TABLE”等。标記在使用是必須用方括号“<>”括起來,而且是成對出現,無斜杠的标記表示該标記的作用開(kāi)始,有斜杠的标記表示該标記的作用結束。如
表示一(yī)個(gè)表格的開(kāi)始,标記可以包含标記,如:表格中包含表格或其它标記,如下(xià)面這樣的HTML代碼結構是正确的:
hjk
|
但是标記不能(néng)交叉嵌套,如下(xià)面這樣的代碼是錯(cuò)誤的:
2、特殊字符
由于方括号和英文雙引号被用來提示HTML的标記及參數值,那麽在網頁中要顯示方括号和英文引号隻能(néng)用其它的符号來代替,下(xià)面是常見(jiàn)特殊字符所代表的正常字符:
<><对应字符>
>或>對應字符 >
"或"——對應字符 "
à——對應字符 A
3、語法
一(yī)個(gè)标記,為(wèi)了明确它的功能(néng),往往用一(yī)些屬性參數來描述,對這些屬性參數的規定上(shàng)就(jiù)是所謂的語法,例如:段落标記
,它的語法格式是:
這就(jiù)說明
标記有兩個(gè)屬性參數,即“align”和“class”,其中“align”用于定義段的位置是靠左、靠右還(hái)是居中。默認值是靠左。而“class ”則是定義所屬的類型。在實際應用時當然可以沒有“align”和“class”參數,按照(zhào)默認情況顯示,這一(yī)點非常重要,這是我們判斷無用代碼的主要标準之一(yī),假如在網頁代碼中有對默認值進行描述設置的語句代碼,顯然是無用的代碼。另外,在設置标記的屬性值時,若是取默認值不影響效果或影響很少,我們就(jiù)盡量取默認值,這樣可以不用設置,從(cóng)而達到(dào)減少代碼的目的。
标記參數的具體的值都有要加西(xī)文引号,如:要使段落内容居中,正确的寫法是這樣的:
段落内容居中示例
學好用好HTML語言的關鍵是靈活應用标記的參數。特别是默認值的應用。