資源描述：
《HTML網(wǎng)頁制作教程.doc》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫。
1、1、HTML基本概念什么是HTML文件？·HTML的英文全稱是HyperTextMarkUpLanguage，中文叫做“超文本標記語言”?！ず鸵话阄谋镜牟煌氖牵粋€HTML文件不僅包含文本內(nèi)容，還包含一些Tag，中文稱“標記”?！ひ粋€HTML文件的后綴名是.htm或者是.html?！び梦谋揪庉嬈骶涂梢跃帉慔TML文件。這就試寫一個HTML文件吧！打開你的Notepad，新建一個文件，然后拷貝以下代碼到這個新文件，然后將這個文件存成first.html。
TitleofpageThisismyfirsthomepag
2、e.Thistextisbold要瀏覽這個first.html文件，雙擊它。或者打開瀏覽器，在File菜單選擇Open，然后選擇這個文件就行了。示例解釋這個文件的第一個Tag是，這個Tag告訴你的瀏覽器這是HTML文件的頭。文件的最后一個Tag是，表示HTML文件到此結(jié)束。在
和之間的內(nèi)容，是Head信息。Head信息是不顯示出來的，你在瀏覽器里看不到。但是這并不表示這些信息沒有用處。比如你可以在Head信息里加上一些關(guān)鍵詞，有助于搜索引擎能夠搜索到你的網(wǎng)頁。在
和之間的內(nèi)容
3、，是這個文件的標題。你可以在瀏覽器最頂端的標題欄看到這個標題。在
和之間的信息，是正文。在
和之間的文字，用粗體表示。
顧名思義，就是bold的意思。HTML文件看上去和一般文本類似，但是它比一般文本多了Tag，比如，等，通過這些Tag，可以告訴瀏覽器如何顯示這個文件。HTML元素(HTMLElements)·HTML元素(HTMLElement)用來標記文本，表示文本的內(nèi)容。比如body,p,title就是HTML元素?！TML元素用Tag表示，Tag以<開始，以>結(jié)束?！ag通常是成對出現(xiàn)的，比如。起始4、的叫做OpeningTag，結(jié)尾的就叫做ClosingTag?！つ壳癏TML的Tag不區(qū)分大小寫的。比如，和其實是相同的。HTML元素(HTMLElements)的屬性HTML元素可以擁有屬性。屬性可以擴展HTML元素的能力。比如你可以使用一個bgcolor屬性，使得頁面的背景色成為紅色，就像這樣：再比如，你可以使用border這個屬性，將一個表格設(shè)成一個無邊框的表格。如下：屬性通常由屬性名和值成對出現(xiàn)，就像這樣：name="value"。上面例子中的bgcolor,border就是name，red
5、和0就是value。屬性值一般用雙引號標記起來。屬性通常是附加給HTML的OpeningTag，而不是ClosingTag。2、一些基礎(chǔ)的HTMLTagHTML里，比較基礎(chǔ)的Tag主要用于標題，段落和分行。學(xué)習(xí)HTML最好的方法，就是跟著示例學(xué)。為了各位學(xué)習(xí)的方便，我們準備了一個簡單的HTML編輯器，你可以在左邊寫HTML代碼，然后點擊上面的按鈕，查看HTML的顯示結(jié)果。試試看吧！示例：一個非常簡單的HTML文件這個示例算是一個最簡單的HTML文件，只包含了最基本的能構(gòu)成一個HTML文件的Tag。通過這個例子，你可以看到瀏覽器是如何顯示這個文件的，以此對HTML文件有個最初的認識。示例：簡單的
6、段落這個示例顯示在HTML文件里如何分段。正文標題這個示例告訴你如何在HTML文件里定義正文標題。HTML用
到這幾個Tag來定義正文標題，從大到小。每個正文標題自成一段。Thisisaheading
Thisisaheading
Thisisaheading
Thisisaheading
Thisisaheading
Thisisaheading
段落劃分在HTML里用
和
劃分段落。
Thisisaparagraph
Thisisanotherparagr
7、aph
換行通過使用
這個Tag，可以在不新建段落的情況下?lián)Q行。
沒有ClosingTag。用
換行是個壞習(xí)慣，正確的是使用
。
This
isapara
graphwithlinebreaks
HTML注釋在HTML文件里，你可以寫代碼注釋，解釋說明你的代碼，這樣有助于你和他人日后能夠更好地理解你的代碼。注釋可以寫在之間。瀏覽器是
