萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> Html5 >> 認識HTML文件的基本概念

認識HTML文件的基本概念

本文是關於HTML文件的基本概念的文章,下面我們來做一些簡單的介紹,舉一些例子。

什麼是HTML文件?

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

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

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

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

這就試寫一個HTML文件吧!

打開你的Notepad,新建一個文件,然後拷貝以下代碼到這個新文件,然後將這個文件存成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。        

以上就是我們關於HTML文件的基本概念的一些介紹,希望可以幫到大家。

copyright © 萬盛學電腦網 all rights reserved