HTML是Hyper Text Markup Language的縮寫,即超文本標(biāo)記語(yǔ)言,用于編寫網(wǎng)頁(yè)。
1.文檔結(jié)構(gòu)與書(shū)寫規(guī)范
HTML文檔分為文檔頭和文檔體兩部分。主要結(jié)構(gòu)如下:
<html>
? <head>
? ......
? </head>
? <body>
? ......
? </body>
</html>
最外層的<html>和</html>標(biāo)記表示該文檔是HTML文檔。有時(shí)也會(huì)看到一些省略<html>標(biāo)記的文檔,這是因?yàn)?html或.htm文件被Web瀏覽器認(rèn)為是HTML文檔。
<head>和</head>標(biāo)記表示的是文檔頭部信息,一般包括標(biāo)題和主題信息,該部分不會(huì)顯示在頁(yè)面正文中。也可以在其中嵌入其他標(biāo)記,如文件標(biāo)題、編碼方式等屬性。
<body>和</body>標(biāo)記是網(wǎng)頁(yè)的主體信息,是顯示在頁(yè)面上的內(nèi)容,可以包括文字、表格和圖片等信息。
(1)HTML元素
一個(gè)HTML文件是由一系列的元素和標(biāo)記組成的,元素指的是從開(kāi)始標(biāo)記(也稱標(biāo)簽,start tag)到結(jié)束標(biāo)記(end tag)的所有代碼。元素的內(nèi)容是開(kāi)始標(biāo)記與結(jié)束標(biāo)記之間的內(nèi)容。
標(biāo)記分為單標(biāo)記與雙標(biāo)記??梢郧短资褂?。
(2)HTML元素的屬性
每個(gè)屬性對(duì)應(yīng)一個(gè)屬性值,稱為“屬性/值”對(duì),語(yǔ)法格式如下:
<標(biāo)記 屬性1="屬性值1" 屬性2="屬性值2"......>......</標(biāo)記>
一個(gè)標(biāo)記中可以定義多個(gè)“屬性/值”對(duì),對(duì)與對(duì)之間通過(guò)空格分隔,可以以任何順序出現(xiàn)。不區(qū)分大小寫,但不能在一個(gè)標(biāo)記中定義同名的屬性。屬性值用雙引號(hào)或單引號(hào)括起來(lái)。屬性值中只能包含ASCII字符(a~z以及A~Z)、數(shù)字(0~9)、連字符(-)、圓點(diǎn)句號(hào)(.)、下劃線(_)以及冒號(hào)(:)。
(3)HTML的顏色表示
在HTML中,顏色有兩種表示。一種是用顏色的英文名稱,另外一種是用16進(jìn)制的數(shù)值表示RGB的顏色值。
RGB分別是red、green、blue的首字母,即紅、綠、藍(lán)三原色的意思。每個(gè)原色的最小值是0(16進(jìn)制為0),最大值是255(16進(jìn)制為FF)。
RGB的顏色表示方式為#rrggbb。其中紅、綠、藍(lán)三色對(duì)應(yīng)的取值范圍都是00到FF,如白色的RGB值(255,255,255),就用#ffffff表示;黑色的RGB值(0,0,0),就用#000000表示。
(4)HTML文件的書(shū)寫規(guī)范
所有的標(biāo)記都要用<>括起來(lái)。
標(biāo)記和屬性名不區(qū)分大小寫。
任何空格或回車在代碼中都無(wú)效,插入空格或回車有專門的標(biāo)記,分別是 ;<br/>。