當前位置:才華齋>設計>網頁設計>

HTML程式碼的基本認識

網頁設計 閱讀(8.72K)

導語:在網頁設計中HTML的英文全稱是Hypertext Marked Language,中文叫做“超文字標記語言”。下面是關於HTML的介紹,歡迎參考!

 HTML程式碼的基本認識

一個HTML檔案的字尾名是或者是,用文字編輯器就可以編寫HTML檔案,這就試寫一個HTML檔案吧!

開啟你的Dreamweaver網頁設計軟體,新建一個檔案,然後拷貝以下程式碼到這個新檔案,然後將這個檔案存成。

This is my first homepage. This text is bold

要瀏覽這個檔案,雙擊它。或者開啟瀏覽器,在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。