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