1.一個html文檔由4個 基本部分組成:
(1).一個文檔類型聲明,表明這個文檔是html文檔
(2).html標(biāo)簽對,用于表明html文檔的開始和結(jié)束
(3).head標(biāo)簽對彬犯,其內(nèi)容構(gòu)成html的開頭部分进苍,包含一些輔助元素
(4).body標(biāo)簽對蓖乘,其內(nèi)容構(gòu)成html的主體部分
2.html文檔的基本結(jié)構(gòu)
2.1.文檔類型的說明
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org//TR html4/loose.dtd">
所有的html文檔必須要以文檔類型說明(DTD)開頭飘言,它說明了文檔類型和所遵守的標(biāo)準(zhǔn)規(guī)則只盹。大多數(shù)現(xiàn)代瀏覽器在實
際顯示網(wǎng)頁會根據(jù)聲明的DTD不同而有區(qū)別辣往。
(1).html 4.01 Strict DTD
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org//TR html4/strict.dtd">
這類文檔類型很嚴(yán)格,其定義中不包含那些已經(jīng)不推薦使用的元素和屬性殖卑,也不包含出現(xiàn)在框架集中的元素和屬性站削。
(2).html 4.01 Transitional DTD
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org//TR html4/loose.dtd">
這類文檔比較廣泛,包含不推薦使用的元素和屬性。
(3).html 4.01 Frameset DTD
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org//TR html4/frameset.dtd">
這類最廣泛懦鼠,不僅包含Transitional DTD所包含的元素和屬性钻哩,還包含框架集中的元素和屬性。
2.2.<html>標(biāo)簽對和屬性
1.dir屬性
該標(biāo)簽有兩個基本屬性--dir屬性和lang屬性肛冶,其中dir屬性決定了瀏覽器該用什么方向來顯示包含在元素中的文本街氢。其
中dir元素屬性用于<html>時,決定整個文本在整個文檔將以什么方向顯示睦袖;但用在其它標(biāo)簽的時候珊肃,只決定那個標(biāo)簽內(nèi)
容的文本的顯示方向。dir又有itr和rtl兩個屬性值,分別意味著文本從左到右顯示和從右到左顯示伦乔。見(顯示.html)
2.lang屬性
lang屬性來指明文檔內(nèi)容或某個元素內(nèi)容使用的語言厉亏。如果包含在<html>標(biāo)簽中,那么lang屬性可以用來指定整個文檔使用的語言烈和。
如果在其它標(biāo)簽中爱只,則此屬性將指出那個標(biāo)簽中內(nèi)容所使用的語言
2.3<head>標(biāo)簽對和屬性
1.<head>標(biāo)簽對
包含有關(guān)html文檔的信息,可以包含一些輔助性標(biāo)簽招刹,<title>,<base>,<link>,<meta>,<style>,<script>等
注意:除了標(biāo)題欄會顯示<title>元素外恬试,瀏覽器不會向用戶顯示head元素內(nèi)容的任何內(nèi)容
2.<head>屬性
head元素中有profile屬性,該屬性提供了于當(dāng)前文檔相關(guān)的配置文件的URL疯暑。
2.4<body>標(biāo)簽對和屬性
1.<body>標(biāo)簽對
包含許多其它標(biāo)簽训柴,比如:<p>,<h1>,<br>等眾多標(biāo)簽
2.<body>屬性
body有許多屬性,可以用于設(shè)置文檔的背景妇拯,文本顏色幻馁,鏈接顏色,邊距等
3.HTML標(biāo)簽越锈,元素仗嗦,屬性
介紹:一個html文檔是由元素構(gòu)成。元素由開始標(biāo)簽瞪浸,結(jié)束標(biāo)簽儒将,屬性,元素的內(nèi)容4部分構(gòu)成对蒲。
3.1.什么是標(biāo)簽
元素是由標(biāo)簽組成钩蚊,用來標(biāo)記內(nèi)容塊,也用來標(biāo)記元素內(nèi)容的意義蹈矮。標(biāo)簽使用尖括號包圍
3.1.1
1.成對出現(xiàn)的標(biāo)簽
2.單獨出現(xiàn)的標(biāo)簽
如:<br>換行標(biāo)簽
沒有相應(yīng)的結(jié)束標(biāo)簽還有:<area>,<base>,<basefont>,<br>,<col>,<frame>,<hr>,<img>,<input>,<param>,<link>
3.標(biāo)簽的嵌套
標(biāo)簽可以放在另一個標(biāo)簽所影響的片段中砰逻,以實現(xiàn)某一段文檔的多重標(biāo)簽效果
3.2.元素
網(wǎng)頁內(nèi)容由元素構(gòu)成
例如:<html></html>標(biāo)簽之間都是元素內(nèi)容
3.3.屬性定義
與元素相關(guān)的特性成為屬性,可以為屬性賦值(每一個屬性總是對應(yīng)一個屬性值泛鸟,因此也稱為“屬性蝠咆、值”對,并且屬性名
不區(qū)分大小寫)北滥「詹伲“屬性/值”對出現(xiàn)在元素開始標(biāo)簽的最后一個“>”之前,通過空格分開再芋。
3.4.屬性值的定義
注意:屬性值是不區(qū)分大小寫的
1.不定義屬性值
html規(guī)定可以沒有值菊霜。下面定義是合法的。
<dl compact>
2.屬性值的空白
html規(guī)定屬性只可以空白济赎,但這種情況要用引號鉴逞,因為屬性之間使用空白分隔的记某。
<img src="c://Document and Setting/test.jpg" width=1024 height=768 />
不使用引號會出錯
<img src=c://Document and Setting/test.jpg width=1024 height=768 />
這樣說屬性值必須是連續(xù)的字符串,如果將空白替換為“%20”构捡,那么也可以不使用引號液南。
<img src=c://Document%20and%20Setting/test.jpg width=1024 height=768 />
而屬性值開頭以及結(jié)尾的空白處,用戶瀏覽器會將它們刪除
3.屬性使用單引號以及雙引號
單引號可以作為屬性值勾徽,但單引號作為屬性值的時候不能用用單引號去包括屬性值滑凉。但單引號作為屬性值的時候,也可以
用數(shù)字字符引用('捂蕴;)來代替單引號譬涡。
當(dāng)為雙引號時,必須用數(shù)字字符引用('啥辨;)或字符實體(";)來代替雙引號
4.標(biāo)準(zhǔn)屬性
html標(biāo)簽擁有屬性盯腌。但有些屬性通用于每個標(biāo)簽溉知,我們稱作標(biāo)準(zhǔn)屬性。
4.1.核心屬性
這類屬性包含關(guān)于元素的一般性信息腕够〖墩В可以幾乎在任何元素的開始標(biāo)簽內(nèi)。
4.1.1.class
表示特定元素所屬的一個類或一組帚湘。同屬一類的元素使用相同的css樣式規(guī)則玫荣。類名幾乎可以是任何文字。但只能由字母大诸,
數(shù)字捅厂,連字符(-),下劃線(_)組成资柔”捍可以多個元素構(gòu)成一類。此外贿堰,一個元素不止一個類辙芍,此時屬性值中的多個類名用空格分隔。
4.1.2.id
為元素指定一個唯一性的標(biāo)識符羹与。id可以是幾乎任何簡短文字故硅。但它在文檔中是唯一的,不能多個元素使用一個標(biāo)識符纵搁。id屬性不能
包含除了連字符(-)和下劃線以外(_)的任何標(biāo)點符號和特殊符號吃衅。其中,第一個必須是字母诡渴,而不能是數(shù)字或其他字符捐晶。
4.1.3.style
為元素指定css屬性菲语,則成為內(nèi)聯(lián)樣式定義。但應(yīng)該避免使用惑灵,因為它將內(nèi)容和表現(xiàn)混合在一起山上。
4.1.4.title
為元素指定一個文本標(biāo)題。許多圖形化瀏覽器將title屬性的值顯示在“工具提示”(即但用戶的鼠標(biāo)指針停留在所呈現(xiàn)的元素上方時出
現(xiàn)的那個小小的浮動窗口)中英支。
4.2.語言屬性
他們幾乎包含在任何元素內(nèi)容中
4.2.1.dir屬性
4.2.2.lang屬性
4.3.鍵盤屬性
當(dāng)某些元素--尤其是鏈接和表單控件--處于預(yù)激活狀態(tài)中時佩憾,稱為擁有焦點,因為瀏覽器的“注意力”放在集中該元素中干花,準(zhǔn)備激活它妄帘。
為一些元素設(shè)置焦點元素,以增強網(wǎng)頁瀏覽者使用鍵盤在網(wǎng)頁導(dǎo)航時的可用性池凄。
4.3.1.accesskey屬性
為元素分配一個鍵盤快捷鍵抡驼,以便在使用鍵盤導(dǎo)航時時能更方便,更快捷地訪問它肿仑。該屬性的值時應(yīng)于訪問鍵的值致盟。
4.3.2.tabindex屬性
指定元素在使用制表鍵遍歷鏈接和表單控件時所形成的訪問順序的位置
5.html字符實體
一些字符在html中擁有的特殊含義,例如小于號(<)用于定義html標(biāo)簽的開始尤慰,不可以直接在網(wǎng)頁中輸出馏锡。如果我們希望瀏覽器能正確
地顯示這些含有這些特殊含義的字符。我們必須在html源碼中插入字符實體伟端。
實體名稱對于大小寫敏感杯道。
6.空白和空白字符
在html文檔中包含空白,每個空白對應(yīng)一個空白字符责蝠。
在html文檔中党巾,空白分兩類:
(1).有意義的空白
(2).無意義的空白:瀏覽器一般不給予保留
6.1.斷行符
斷行符表示一行的結(jié)束,它是空白字符玛歌。雖然在html源文檔中看不到這個字符昧港,但每一個換行處都有一個換行符的。
sgml規(guī)定支子,緊跟開始標(biāo)簽的之后斷行符應(yīng)該被忽略创肥,在一個結(jié)束標(biāo)簽之前斷行符應(yīng)該被忽略。
<p>
注意開始標(biāo)簽前面和結(jié)束標(biāo)簽后面
</p>
相當(dāng)于<p>注意開始標(biāo)簽前面和結(jié)束標(biāo)簽后面</p>
6.2.空白字符
在html文檔中值朋,將一下字符歸為空白字符:
(1)ascii空白( 叹侄;)
(2)ascii制表符(	;)
(3)ascii換頁(昨登;)
(4)零寬空白(​趾代;)
注意:不同文字語言在空白區(qū)域的處理是不一樣的