HTML新手必看

HTML的英文全稱是Hypertext Marked Language，中文叫做“超文本標記語言”。

和一般文本的不同的是，一個HTML文件不僅包含文本內容，還包含一些Tag，中文稱“標記”。

一個HTML文件的後綴名是.htm或者是.html。

用文本編輯器就可以編寫HTML文件。

這就試寫一個HTML文件吧!

打開你的網頁編輯工具(如frontpage Dreamweaver等等)，新建一個文件，然後拷貝以下代碼到這個新文件，然後將這個文件存成first.html。

This is my first homepage. This text is bold 要浏覽這個first.html文件，雙擊它。或者打開浏覽器，在File菜單選擇Open，然後選擇這個文件就行了。

示例解釋

這個文件的第一個Tag是，這個Tag告訴你的浏覽器這是HTML文件的頭。文件的最後一個Tag是，表示HTML文件到此結束。

在和之間的內容，是Head信息。Head信息是不顯示出來的，你在浏覽器裡看不到。但是這並不表示這些信息沒有用處。比如你可以在Head信息裡加上一些關鍵詞，有助於搜索引擎能夠搜索到你的網頁。

在 之間的內容，是這個文件的標題。你可以在浏覽器最頂端的標題欄看到這個標題。

在和之間的信息，是正文。

在和之間的文字，用粗體表示。顧名思義，就是bold的意思。

HTML文件看上去和一般文本類似，但是它比一般文本多了Tag，比如，等，通過這些Tag，可以告訴浏覽器如何顯示這個文件。

HTML元素(HTML Elements)

HTML元素(HTML Element)用來標記文本，表示文本的內容。比如body, p, title就是HTML元素。

HTML元素用Tag表示，Tag以<開始，以>結束。

Tag通常是成對出現的，比如。起始的叫做Opening Tag，結尾的就叫做Closing Tag。

目前HTML的Tag不區分大小寫的。比如，和其實是相同的。

HTML元素(HTML Elements)的屬性

HTML元素可以擁有屬性。屬性可以擴展HTML元素的能力。

比如你可以使用一個bgcolor屬性，使得頁面的背景色成為紅色，就像這樣：

  要浏覽這個first.html文件，雙擊它。或者打開浏覽器，在File菜單選擇Open，然後選擇這個文件就行了。

示例解釋

這個文件的第一個Tag是，這個Tag告訴你的浏覽器這是HTML文件的頭。文件的最後一個Tag是，表示HTML文件到此結束。

在和之間的內容，是Head信息。Head信息是不顯示出來的，你在浏覽器裡看不到。但是這並不表示這些信息沒有用處。比如你可以在Head信息裡加上一些關鍵詞，有助於搜索引擎能夠搜索到你的網頁。

在 之間的內容，是這個文件的標題。你可以在浏覽器最頂端的標題欄看到這個標題。

在和之間的信息，是正文。

在和之間的文字，用粗體表示。顧名思義，就是bold的意思。

HTML文件看上去和一般文本類似，但是它比一般文本多了Tag，比如，等，通過這些Tag，可以告訴浏覽器如何顯示這個文件。

HTML元素(HTML Elements)

HTML元素(HTML Element)用來標記文本，表示文本的內容。比如body, p, title就是HTML元素。

HTML元素用Tag表示，Tag以<開始，以>結束。

Tag通常是成對出現的，比如。起始的叫做Opening Tag，結尾的就叫做Closing Tag。

目前HTML的Tag不區分大小寫的。比如，和其實是相同的。

HTML元素(HTML Elements)的屬性

HTML元素可以擁有屬性。屬性可以擴展HTML元素的能力。

比如你可以使用一個bgcolor屬性，使得頁面的背景色成為紅色，就像這樣：

再比如，你可以使用border這個屬性，將一個表格設成一個無邊框的表格。如下：

 

屬性通常由屬性名和值成對出現，就像這樣：name="value"。上面例子中的bgcolor, border就是name，red和0就是value。屬性值一般用雙引號標記起來。

屬性通常是附加給HTML的Opening Tag，而不是Closing Tag。