新手學習老知識(一)HTML語言基礎

主頁 > 學習 > HTML >

次瀏覽

摘要:近兩年來,許多公司開發出了圖形化的HTML開發工具,使得網頁的制作變得非常簡單。如微軟公司推出的 Microsoft FrontPage, Adobe公司推出的 Adobe Pagemill, Micromedia公司推出的Dreamweaver等編輯工具,都被稱為“所見即所得”的網頁制作工具。

一、為什么要?

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

  二、如何用HTML?

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

  三、HTML基本概念

  1、標記

  HTML用于描述功能的符號稱為“標記”。如“HTML”、“BODY”、“TABLE”等。標記在使用是必須用方括號“<>”括起來,而且是成對出現,無斜杠的標記表示該標記的作用開始,有斜杠的標記表示該標記的作用結束。如

表示一個表格的開始,
表標一個表格的結束。在HTML中,標記的大小寫作用相同,如和
都是表示一個表格的開始。

  標記可以包含標記,如:表格中包含表格或其它標記,如下面這樣的HTML代碼結構是正確的:

















hjk



  但是標記不能交叉嵌套,如下面這樣的代碼是錯誤的:

這是不正確的代碼

  2、特殊字符

  由于方括號和英文雙引號被用來提示HTML的標記及參數值,那么在網頁中要顯示方括號和英文引號只能用其它的符號來代替,下面是常見特殊字符所代表的正常字符:

<或<對應字符 <
>或>對應字符 >
"或"——對應字符 "
à——對應字符 A

  3、語法

  一個標記,為了明確它的功能,往往用一些屬性參數來描述,對這些屬性參數的規定上就是所謂的語法,例如:段落標記

,它的語法格式是:

  這就說明

標記有兩個屬性參數,即“align”和“class”,其中“align”用于定義段的位置是靠左、靠右還是居中。默認值是靠左。而“class ”則是定義所屬的類型。在實際應用時當然可以沒有“align”和“class”參數,按照默認情況顯示,這一點非常重要,這是我們判斷無用代碼的主要標準之一,假如在網頁代碼中有對默認值進行描述設置的語句代碼,顯然是無用的代碼。另外,在設置標記的屬性值時,若是取默認值不影響效果或影響很少,我們就盡量取默認值,這樣可以不用設置,從而達到減少代碼的目的。

  標記參數的具體的值都有要加西文引號,如:要使段落內容居中,正確的寫法是這樣的:

段落內容居中示例

  學好用好HTML語言的關鍵是靈活應用標記的參數。特別是默認值的應用。

隨機新聞
急速赛车收