0HTML使用規(guī)則

1、昨日回顧html是一種用來(lái)對(duì)所要表現(xiàn)的內(nèi)容以一定的形式進(jìn)行修飾的一種標(biāo)簽語(yǔ)法一一從外觀和含義兩個(gè)方面來(lái)修飾。html標(biāo)簽的一般形式：內(nèi)容特殊情況：?jiǎn)螛?biāo)簽：沒(méi)有值得屬性：noshadeafasfasdfnoshade：表示沒(méi)有陰影。意思是，如果不寫該屬性，則一根橫線默認(rèn)情況下是有陰影。常見(jiàn)標(biāo)簽：b,i,u,font,sub,sup,big,small,strongp,h1h6,pre（預(yù)定義格式），blockquote（引用內(nèi)容），address（地址），div,spanolli,ulli,dldt/dd網(wǎng)頁(yè)中常見(jiàn)編碼對(duì)應(yīng)總結(jié)：文件編碼utf-8meta聲明編碼utf-8文件編碼ANSI一met

2、a聲明編碼gb2312文件編碼ANSImeta聲明編碼gbkmeta標(biāo)簽meta標(biāo)簽通常用來(lái)整體上對(duì)當(dāng)前網(wǎng)頁(yè)做一些額外的特性設(shè)置，這些設(shè)置并不會(huì)在網(wǎng)頁(yè)上表現(xiàn)出來(lái)，而是出于對(duì)網(wǎng)頁(yè)的各種描述或聲明。常用的有3個(gè)：聲明編碼：聲明關(guān)鍵字：設(shè)定頁(yè)面的關(guān)鍵字，有利于搜索聲明內(nèi)容描述：類似一篇文章的“概要”，引語(yǔ)，論文的簡(jiǎn)介，有利于搜索舉例：xml語(yǔ)言介紹html語(yǔ)言：HyperTextMarkupLanguagexml語(yǔ)言：extensibleMarkupLanguage可擴(kuò)展標(biāo)記語(yǔ)言xml語(yǔ)言不是為了在瀏覽器中顯示，而是為了保存和傳送數(shù)據(jù)。舉例：人口1600萬(wàn)，面積1600人口300萬(wàn)海邊度假勝地，人口

3、200萬(wàn)xml語(yǔ)言的基本規(guī)則：1, xml語(yǔ)言區(qū)分大小寫（html不區(qū)分大小寫）2, xml語(yǔ)言中所有標(biāo)簽和屬性都可以是自定義的（沒(méi)有固定標(biāo)簽）3, xml語(yǔ)言的標(biāo)簽必須閉合，有兩種做法：a）常規(guī)做法：標(biāo)簽名內(nèi)容部分b）空內(nèi)容做法：4, xml標(biāo)簽必須嚴(yán)格完整嵌套：每個(gè)標(biāo)簽都應(yīng)該完整在其他某個(gè)標(biāo)簽中5, xml的屬性必須有值，且必須使用引號(hào)引起來(lái)。6, xml文件中的空白字符也是有效內(nèi)容。7, xml的注釋格式同html:文檔類型：html在發(fā)展的過(guò)程中，經(jīng)歷的若干個(gè)版本，比如1.0,2.0,3.2,4.0,4.01從另一個(gè)角度來(lái)說(shuō)，4.0版本中，也有其不同的“副版本”一一主要是3個(gè)：嚴(yán)格版：

4、其中的標(biāo)簽和屬性相對(duì)較少，能兼容的瀏覽器就更多：寬松版：其中的標(biāo)簽和屬性相對(duì)較多，能兼容的瀏覽器就更少。框架型：是專門針對(duì)有關(guān)frameset標(biāo)簽而是用的類型。一個(gè)html文件的第一行可以聲明當(dāng)前網(wǎng)頁(yè)的文檔類型，這樣，瀏覽器就可以使用我們聲明的文檔類型的那些標(biāo)簽定義去顯布我們的網(wǎng)頁(yè)。我們的html通常語(yǔ)法都相對(duì)比較“隨意”，這樣，對(duì)瀏覽器沒(méi)有什么太大的影響，但對(duì)其他應(yīng)用來(lái)說(shuō)，就比較麻煩。如果我們將我們的html寫得更為嚴(yán)格，去遵守xml的規(guī)范，則我們的html文件就除了在瀏覽器中可以使用之后，在別的場(chǎng)合也可以使用。這種遵守只要稍做修改就可以了：1,單標(biāo)簽使用一個(gè)斜杠進(jìn)行結(jié)束，類似：2,無(wú)值屬性

5、，需要給其加一個(gè)值，通常設(shè)置其值就等于這個(gè)屬性名，比如：3,區(qū)分大小寫，推薦使用小寫來(lái)寫那些標(biāo)簽和屬性名。這就是所謂xhtml:xhtml=html+xml這樣，我們對(duì)應(yīng)xhtml,就有了另外3個(gè)文檔類型：嚴(yán)格型：圖片標(biāo)簽align=對(duì)齊方式：有l(wèi)eft,right,centeralt=圖片說(shuō)明信息”：用于搜素引擎“識(shí)別”該圖片的具體內(nèi)容。title=文字提示信息”：用于供人看的信息，鼠標(biāo)放上去就可以顯示。這個(gè)屬性是一個(gè)“通用屬性”，幾乎用在所有標(biāo)簽上都可以。border=邊框線寬度”：設(shè)定的寬度值直接寫一個(gè)數(shù)字，其單位是像素（px）圖像映射技術(shù)一個(gè)圖片通常類似一個(gè)文字（只是通常更大）。其也可

6、以在其外面加一個(gè)a標(biāo)簽產(chǎn)生鏈接。如果讓一張圖上產(chǎn)生多個(gè)鏈接，以鏈接到不同的網(wǎng)頁(yè)？我們通過(guò)圖像映射技術(shù)就可以實(shí)現(xiàn)，在一張圖的內(nèi)部的不同區(qū)域，產(chǎn)生不同的鏈接，其語(yǔ)法格式如下：計(jì)算機(jī)上的平面坐標(biāo)通常都是以左上角為原點(diǎn)（0,0）,向右為x正向，向下為y正向。多媒體及外部插件介紹：html4對(duì)多媒體的支持非常有限，而且，各瀏覽器的兼容性相當(dāng)不理想。實(shí)際應(yīng)用中，我們都是通過(guò)f1ash這個(gè)插件來(lái)播放各種多媒體資源。object：將外部“軟件”（也就是所謂插件）安插到瀏覽器中。embed:類似上面object標(biāo)簽的功能。表格應(yīng)用abcaabbcc實(shí)現(xiàn)表格至少需要以下3個(gè)標(biāo)簽并相互配合：abcaabbcc所有表

7、格的可見(jiàn)的內(nèi)容，均應(yīng)該出現(xiàn)在td標(biāo)簽中間。table的常用屬性：border:設(shè)定整個(gè)表格的邊框線的寬度width:表格整體寬，可是設(shè)定數(shù)值，也可以設(shè)定百分比。height：表格整體高。cellpadding:單元格里面的內(nèi)容跟這個(gè)單元格的邊框線之間的間隙。cellspacing:設(shè)定各個(gè)單元格相互之間的間隙（邊框線之間）bgcolor:設(shè)定表格的背景顏色：bgcolor=yellow”background:設(shè)定表格的背景圖：background=images/chinamap.jpgalign：設(shè)定表格作為整體的放置方式：left,center,rightbordercolor:設(shè)定表格邊框

8、線的顏色colspan=2,col指歹,span表示跨越”rowspan=2,row指行l(wèi)eft,center,righttop,middle,bottomtd的常用屬性：colspan：橫向合并單元格，指的是“向右合并”rowspan:縱向合并單元格，指定是“向下合并”bgcolor:設(shè)定背景顏色background:設(shè)定背景圖片width,height:設(shè)定寬高align:設(shè)定其中的內(nèi)容在單元格中的水平對(duì)齊方式：valign:設(shè)定其中的內(nèi)容在單元格中的垂直對(duì)齊方式:表格深入1, table中可以使用caption來(lái)設(shè)定表格的標(biāo)題文字2, td可以使用另一個(gè)標(biāo)簽th來(lái)完全代替，但th具有“標(biāo)題單元格”的含義，且其中的文字自動(dòng)粗體并水平居中對(duì)齊。3,實(shí)際上，一個(gè)表格（table）還可以將其中的行（tr）進(jìn)行“分塊”，可以有如下分法：a） thead：表示表格的“頭部”區(qū)域b） tbody:表示表格的“主體區(qū)域”。如果一個(gè)tr沒(méi)有明確規(guī)定屬于哪個(gè)區(qū)域，則其默認(rèn)就屬于tbody區(qū)域（tbody不寫也存在）c） tfoot:表示表格的“尾部區(qū)域”tablecaption標(biāo)題文字thead.