網(wǎng)絡(luò)編輯必讀手冊(cè)1:HTML語言大全
網(wǎng)絡(luò)編輯必讀手冊(cè)1:HTML語言大全
什么是HTML文件?HTML的英文全稱是Hypertext Marked Language,中文叫做“超文本標(biāo)記語言”。 和一般文本的不同的是,一個(gè)HTML文件不僅包含文本內(nèi)容,還包含一些Tag,中文稱“標(biāo)記”。 一個(gè)HTML文件的后綴名是.htm或者是.html。 用文本編輯器可以編寫HTML文件。 這試寫一個(gè)HTML文件吧!打開你的Notepad,新建一個(gè)文件,然后拷貝以下代碼到這個(gè)新文件,然后將這個(gè)文件存成first.html。This is my first homepage. This text is bold要瀏覽這個(gè)first.html文件,雙擊它;蛘叽蜷_瀏覽器,在File菜單選擇Open,然后選擇這個(gè)文件行了。
示例解釋這個(gè)文件的個(gè)Tag是,這個(gè)Tag告訴你的瀏覽器這是HTML文件的頭。文件的一個(gè)Tag是,表示HTML文件到此結(jié)束。
在和之間的內(nèi)容,是Head信息。Head信息是不顯示出來的,你在瀏覽器里看不到。但是這并不表示這些信息沒有用處。比如你可以在Head信息里加上一些關(guān)鍵詞,有助于搜索引擎能夠搜索到你的網(wǎng)頁。
在之間的內(nèi)容,是這個(gè)文件的標(biāo)題。你可以在瀏覽器最頂端的標(biāo)題欄看到這個(gè)標(biāo)題。
在和之間的信息,是正文。
在和之間的文字,用粗體表示。顧名思義,是bold的意思。
HTML文件看上去和一般文本類似,但是它比一般文本多了Tag,比如,等,通過這些Tag,可以告訴瀏覽器如何顯示這個(gè)文件。
HTML元素(HTML Elements)HTML元素(HTML Element)用來標(biāo)記文本,表示文本的內(nèi)容。比如body, p, title是HTML元素。 HTML元素用Tag表示,Tag以結(jié)束。 Tag通常是成對(duì)出現(xiàn)的,比如。起始的叫做Opening Tag,結(jié)尾的叫做Closing Tag。 目前HTML的Tag不區(qū)分大小寫的。比如,和其實(shí)是相同的。HTML元素(HTML Elements)的屬性HTML元素可以擁有屬性。屬性可以擴(kuò)展HTML元素的能力。
比如你可以使用一個(gè)bgcolor屬性,使得頁面的背景色成為紅色,像這樣:
再比如,你可以使用border這個(gè)屬性,將一個(gè)表格設(shè)成一個(gè)無邊框的表格。如下:
屬性通常由屬性名和值成對(duì)出現(xiàn),像這樣:name="value"。上面例子中的bgcolor, border是name,red和0是value。屬性值一般用雙引號(hào)標(biāo)記起來。
屬性通常是附加給HTML的Opening Tag,而不是Closing Tag
HTML里,比較基礎(chǔ)的Tag主要用于標(biāo)題,段落和分行。
學(xué)習(xí)HTML的方法,是跟著示例學(xué)。為了各位學(xué)習(xí)的方便,我們準(zhǔn)備了一個(gè)簡(jiǎn)單的HTML編輯器,你可以在左邊寫HTML代碼,然后點(diǎn)擊上面的按鈕,查看HTML的顯示結(jié)果。
試試看吧!
示例:一個(gè)非常簡(jiǎn)單的HTML文件
這個(gè)示例算是一個(gè)最簡(jiǎn)單的HTML文件,只包含了最基本的能構(gòu)成一個(gè)HTML文件的Tag。通過這個(gè)例子,你可以看到瀏覽器是如何顯示這個(gè)文件的,以此對(duì)HTML文件有個(gè)最初的認(rèn)識(shí)。
示例:簡(jiǎn)單的段落
這個(gè)示例顯示在HTML文件里如何分段。
正文標(biāo)題
這個(gè)示例告訴你如何在HTML文件里定義正文標(biāo)題。
HTML用到這幾個(gè)Tag來定義正文標(biāo)題,從大到小。每個(gè)正文標(biāo)題自成一段。This is a headingThis is a headingThis is a headingThis is a headingThis is a headingThis is a heading
段落劃分
在HTML里用和劃分段落。This is a paragraphThis is another paragraph
換行
通過使用這個(gè)Tag,可以在不新建段落的情況下?lián)Q行。沒有Closing Tag。
用換行是個(gè)壞習(xí)慣,正確的是使用。This is a paragraph with line breaks
HTML注釋
在HTML文件里,你可以寫代碼注釋,解釋說明你的代碼,這樣有助于你和他人日后能夠更好地理解你的代碼。
注釋可以寫在之間。瀏覽器是忽略注釋的,你不會(huì)在HTML正文中看到你的注釋。
一些小建議
HTML文件會(huì)自動(dòng)截去多余的空格。不管你加多少空格,都被看做一個(gè)空格。 一個(gè)空行也被看做一個(gè)空格。
有些Tag能夠?qū)⑽谋咀猿梢欢,而不需要使用來分段。比如之類的?biāo)題Tag。
更多示例
更多段落
這個(gè)示例顯示了段落的特性。
換行
這個(gè)示例告訴你如何在HTML文件里換行。
正文標(biāo)題
這個(gè)示例教會(huì)你如何在HTML文件里顯示正文標(biāo)題。
居中的正文標(biāo)題
這個(gè)示例告訴你如何將正文標(biāo)題居中顯示。
加條橫線
這個(gè)示例演示了如何在HTML文中加條橫線。
代碼注釋
這個(gè)示例演示如何在HTML代碼中加上代碼注釋,這些注釋只顯示在HTML源代碼中,而源代碼最終形成的網(wǎng)頁里是看不到這些注釋的。
背景顏色
這個(gè)示例演示如何改變HTML文件的背景色。
正文標(biāo)題
這個(gè)示例教會(huì)你如何在HTML文件里顯示正文標(biāo)題。
居中的正文標(biāo)題
這個(gè)示例告訴你如何將正文標(biāo)題居中顯示。
加條橫線
這個(gè)示例演示了如何在HTML文中加條橫線。
代碼注釋
這個(gè)示例演示如何在HTML代碼中加上代碼注釋,這些注釋只顯示在HTML源代碼中,而源代碼最終形成的網(wǎng)頁里是看不到這些注釋的。
背景顏色
這個(gè)示例演示如何改變HTML文件的背景色。