多媒體技術(shù)與網(wǎng)頁(yè)設(shè)計(jì) HTML語(yǔ)言

1、1 1第24章 HTML語(yǔ)言多媒體技術(shù)與網(wǎng)頁(yè)設(shè)計(jì)多媒體技術(shù)與網(wǎng)頁(yè)設(shè)計(jì)第第2424章章HTMLHTML語(yǔ)言語(yǔ)言2 2第24章 HTML語(yǔ)言3 3第24章 HTML語(yǔ)言4 4第24章 HTML語(yǔ)言這些尖括號(hào)對(duì)()與其中的字符序列就是HTML標(biāo)簽，一個(gè)HTML標(biāo)簽必須由“”結(jié)尾。HTML是HyperText Markup Language的縮寫，中文意思是“超文本標(biāo)簽語(yǔ)言”。使用HTML語(yǔ)言編寫的文件的擴(kuò)展名是.html或.htm，這就是網(wǎng)頁(yè)文件?？梢允褂糜浭卤境绦騺?lái)編寫網(wǎng)頁(yè)文件，也可以使用FrontPage Editor等專門的工具軟件來(lái)編寫HTML文件。 5 5第24章 HTML語(yǔ)言HTML語(yǔ)言

2、中的標(biāo)簽通常是成對(duì)使用的，它使用一個(gè)開(kāi)始標(biāo)簽和一個(gè)結(jié)束標(biāo)簽來(lái)標(biāo)識(shí)文本，結(jié)束標(biāo)簽是在標(biāo)簽名稱前加一個(gè)“/”，也就是以“”表示標(biāo)簽的開(kāi)始，以“”表示標(biāo)簽的結(jié)束。一對(duì)標(biāo)簽中還可以嵌套其它的標(biāo)簽，所以，成對(duì)標(biāo)簽又稱為容器。HTML中也有單獨(dú)標(biāo)簽，單獨(dú)標(biāo)簽不需要與之配對(duì)的結(jié)束標(biāo)簽，它們可以單獨(dú)使用，又稱之為空標(biāo)簽。 6 6第24章 HTML語(yǔ)言空標(biāo)簽只能單獨(dú)使用，不能用于格式化文本(如)。一個(gè)HTML標(biāo)簽及標(biāo)簽中嵌套的內(nèi)容形成了網(wǎng)頁(yè)中的一個(gè)元素，很多人喜歡直接用“HTML元素”來(lái)等同“HTML標(biāo)簽”，這本身并不是一個(gè)非常嚴(yán)謹(jǐn)?shù)膯?wèn)題，讀者也不必嚴(yán)格區(qū)分兩者的概念。7 7第24章 HTML語(yǔ)言許多HTML標(biāo)

3、簽都可以設(shè)置一個(gè)或多個(gè)屬性來(lái)控制標(biāo)簽的顯示效果。例如，標(biāo)簽中的behavior、標(biāo)簽中的size和color就是HTML標(biāo)簽屬性。屬性設(shè)置的一般格式為：屬性名屬性值，屬性值部分可以用英文的雙引號(hào)(“ ”)或單引號(hào)( )引起來(lái)，也可以不使用任何引號(hào)。對(duì)于有些只有兩種狀態(tài)(有或無(wú))的屬性不用設(shè)置屬性值，寫上該屬性名表示啟用該屬性，不寫則表示不使用該屬性。 8 8第24章 HTML語(yǔ)言每個(gè)屬性的位置必須跟在起始標(biāo)簽名的后面，且位于尖括號(hào)之內(nèi)。標(biāo)簽名與屬性之間以及屬性與屬性之間必須用空格分隔。有些屬性是公共的，這些屬性的名稱和作用在每個(gè)HTML標(biāo)簽中都完全相同；有些屬性是某個(gè)HTML標(biāo)簽專用的。HTM

4、L標(biāo)簽、屬性名與屬性值都是大小寫不敏感的，即、以及的效果是一樣的，但網(wǎng)頁(yè)文檔編寫者應(yīng)該養(yǎng)成大小寫統(tǒng)一的習(xí)慣，不要隨心所欲、忽大忽小。9 9第24章 HTML語(yǔ)言瀏覽器打開(kāi)網(wǎng)頁(yè)文件的過(guò)程與用記事本程序打開(kāi)文本文件的過(guò)程是一樣的，只是瀏覽器會(huì)對(duì)網(wǎng)頁(yè)文件中的內(nèi)容用特殊的方式顯示。瀏覽器除了從本地硬盤上打開(kāi)網(wǎng)頁(yè)文件外，還可以使用HTTP網(wǎng)絡(luò)協(xié)議從網(wǎng)絡(luò)上的WWW服務(wù)器(也叫Web服務(wù)器)中獲取網(wǎng)頁(yè)文件的內(nèi)容。10 10第24章 HTML語(yǔ)言網(wǎng)頁(yè)文件就是一個(gè)普通的文本文件，這個(gè)文本文件里的一些特殊字符序列被當(dāng)做一種HTML標(biāo)記，當(dāng)瀏覽器打開(kāi)網(wǎng)頁(yè)文件時(shí)，不是像記事本程序那樣簡(jiǎn)單地顯示文本文件里的內(nèi)容，而是根

5、據(jù)其中的標(biāo)記來(lái)控制文件內(nèi)容的顯示效果和執(zhí)行某種功能。單擊IE瀏覽器上的“查看”“源文件”菜單，可以看到test.htm中的原始文本內(nèi)容，可見(jiàn)，瀏覽器的基本功能就是根據(jù)HTML標(biāo)簽的含義，用特殊的效果去顯示和控制一對(duì)HTML標(biāo)簽之間所引用的文本內(nèi)容，HTML標(biāo)簽的作用就是告訴瀏覽器應(yīng)該如何顯示有關(guān)的文本。 11 11第24章 HTML語(yǔ)言有各種各樣的HTML標(biāo)簽，它們定義了網(wǎng)頁(yè)中文字的大小、顏色和效果，段落的排版方式，以及用戶如何通過(guò)一個(gè)網(wǎng)頁(yè)導(dǎo)航到另外的網(wǎng)頁(yè)等各方面的內(nèi)容，這些HTML標(biāo)簽的組合就是HTML語(yǔ)言。HTML不是程序設(shè)計(jì)語(yǔ)言，而是一種標(biāo)記語(yǔ)言，也就是用一些標(biāo)記來(lái)說(shuō)明文本的顯示效果。要

6、建立網(wǎng)站和制作網(wǎng)頁(yè)，就必須對(duì)HTML語(yǔ)言有所了解。12 12第24章 HTML語(yǔ)言24.1.2 HTML規(guī)范與版本規(guī)范與版本目前使用得較多的瀏覽器軟件是Microsoft(微軟公司)的Internet Explorer和Netscape(網(wǎng)景公司)的Navigator，這兩種瀏覽器或者同一種瀏覽器的不同版本之間存在著不兼容問(wèn)題，其原因需要從計(jì)算機(jī)軟件開(kāi)發(fā)和運(yùn)行的原理上來(lái)解釋和說(shuō)明。 13 13第24章 HTML語(yǔ)言瀏覽器是人們開(kāi)發(fā)的應(yīng)用軟件，有多個(gè)公司都開(kāi)發(fā)了這種軟件，它根據(jù)網(wǎng)頁(yè)文件中的HTML標(biāo)簽來(lái)決定在它的窗口中繪制(對(duì)用戶來(lái)說(shuō)就是顯示)什么樣的信息和執(zhí)行什么樣的動(dòng)作。有些瀏覽器軟件的開(kāi)發(fā)

7、人員為了實(shí)現(xiàn)一些特殊的效果，讓該瀏覽器可以接受網(wǎng)頁(yè)中引入的一些特殊標(biāo)簽和標(biāo)簽屬性，然后對(duì)這些特殊的標(biāo)簽和標(biāo)簽屬性做一些特殊的處理，這些特殊的標(biāo)簽和標(biāo)簽屬性就成了這個(gè)瀏覽器的“方言”。 14 14第24章 HTML語(yǔ)言而另外的瀏覽器軟件并不知道這些特殊的標(biāo)簽和標(biāo)簽屬性是什么含義，也就是它并不知道有這些“方言”，所以它就不能對(duì)這些特殊的標(biāo)簽和標(biāo)簽屬性進(jìn)行處理，這就導(dǎo)致不同的瀏覽器打開(kāi)一個(gè)使用了特殊標(biāo)簽和標(biāo)簽屬性的網(wǎng)頁(yè)文件時(shí)，會(huì)有不兼容的問(wèn)題。15 15第24章 HTML語(yǔ)言為了解決兼容性和互用性問(wèn)題，需要一些組織和機(jī)構(gòu)來(lái)制定HTML規(guī)范與標(biāo)準(zhǔn)。這些組織和機(jī)構(gòu)根據(jù)當(dāng)時(shí)的需求和應(yīng)用情況，定義了許多HT

8、ML標(biāo)簽，這些標(biāo)簽就是某一版本的HTML規(guī)范。但隨著情況的變化和時(shí)間的推移，又出現(xiàn)了更多新的需求和應(yīng)用。 16 16第24章 HTML語(yǔ)言例如，我們以后可能要在網(wǎng)頁(yè)中嵌入一段電影片斷，而不再僅僅是一張圖片，這就需要定義一個(gè)告訴瀏覽器播放電影片斷的標(biāo)簽。標(biāo)準(zhǔn)化過(guò)程必須隨著新技術(shù)的發(fā)展和應(yīng)用而不斷發(fā)展。因此，標(biāo)準(zhǔn)化組織必須不斷地在以前的HTML規(guī)范的基礎(chǔ)上定義一些新的標(biāo)簽和新的內(nèi)容，這就形成了新版本的HTML規(guī)范。17 17第24章 HTML語(yǔ)言早期的HTML是非常簡(jiǎn)單的，被稱之為HTML 1.0，后來(lái)由IETF(Internet Engineering Task Force，Internet工程

9、任務(wù)組)進(jìn)一步擴(kuò)展，并制定出對(duì)常用的HTML標(biāo)簽進(jìn)行了詳細(xì)說(shuō)明的HTML規(guī)范HTML 2.0。IETF最終將負(fù)責(zé)HTML規(guī)范制定的權(quán)力移交給了一個(gè)比它后成立的、專門制定Web領(lǐng)域技術(shù)規(guī)范的組織，即W3C(World Wide Web Consortium，習(xí)慣稱之為WWW聯(lián)盟)，因?yàn)橹饕膹S商，如Microsoft和Netscape公司傾向于通過(guò)W3C工作。18 18第24章 HTML語(yǔ)言HTML 4.01是HTML規(guī)范的最終版本，不可能再有更新的HTML規(guī)范了，HTML將被XHTML所取代。雖然如此，但人們?cè)谙喈?dāng)長(zhǎng)的一段時(shí)間內(nèi)還得使用HTML，并且HTML是XHTML的基礎(chǔ)，因此，學(xué)習(xí)HTM

10、L還是非常有必要的。19 19第24章 HTML語(yǔ)言24.1.3 IETF與與W3C組織組織Internet最大的特點(diǎn)是管理上的開(kāi)放性，它被每個(gè)用戶所共同擁有，沒(méi)有人和組織對(duì)Internet擁有實(shí)際的絕對(duì)控制權(quán)。Internet沒(méi)有集中的管理機(jī)構(gòu)，但是為了促進(jìn)Internet 運(yùn)行所需的標(biāo)準(zhǔn)兼容性，并確保Internet的持續(xù)發(fā)展，先后成立了一些機(jī)構(gòu)和組織，它們自愿承擔(dān)Internet的管理職責(zé)。2020第24章 HTML語(yǔ)言了解這些Internet組織及它們所制定的標(biāo)準(zhǔn)化文檔，對(duì)于一個(gè)要掌握Internet網(wǎng)絡(luò)應(yīng)用細(xì)節(jié)，特別是要編寫Internet網(wǎng)絡(luò)應(yīng)用程序的人來(lái)說(shuō)，是很有必要的。目前主要

11、由兩個(gè)組織負(fù)責(zé)制定Web網(wǎng)站管理和開(kāi)發(fā)相關(guān)的規(guī)范，這兩個(gè)組織是IETF和W3C，它們的主要職責(zé)是制定Internet網(wǎng)絡(luò)連接和應(yīng)用的協(xié)議標(biāo)準(zhǔn)，下面分別對(duì)這兩個(gè)組織和它們所制定的相關(guān)文檔進(jìn)行介紹。21 21第24章 HTML語(yǔ)言IETF是由網(wǎng)絡(luò)設(shè)計(jì)人員、操作員、廠商、專家組成的民間組織，主要負(fù)責(zé)有關(guān)Internet的各種技術(shù)標(biāo)準(zhǔn)及接口規(guī)范的制定，其網(wǎng)址為。參加IETF會(huì)議的人員都是個(gè)人代表，他們不代表任何組織、公司、學(xué)校、政府部門等。IETF主要負(fù)責(zé)8個(gè)功能領(lǐng)域的規(guī)范和標(biāo)準(zhǔn)的制定，分別是應(yīng)用、Internet、網(wǎng)絡(luò)管理、運(yùn)行要求、路由、安全、傳輸與用戶服務(wù)，每

12、個(gè)領(lǐng)域都設(shè)有多個(gè)工作小組來(lái)開(kāi)展相關(guān)工作。 2222第24章 HTML語(yǔ)言IETF以RFC(Requests for Comments，請(qǐng)求注解文檔)定名所發(fā)布的各類標(biāo)準(zhǔn)與協(xié)議，RFC實(shí)際上就是Internet有關(guān)服務(wù)的一些技術(shù)標(biāo)準(zhǔn)文檔，是用于發(fā)布Internet標(biāo)準(zhǔn)和Internet其它正式出版物的一種網(wǎng)絡(luò)文件或工作報(bào)告。RFC的名字來(lái)源是歷史原因造成的，現(xiàn)在看來(lái)，它的名字和實(shí)際上的內(nèi)容并不一致。RFC文檔雖然是民間機(jī)構(gòu)而不是官方制定的，但大多RFC都已成為業(yè)界的事實(shí)標(biāo)準(zhǔn)。2323第24章 HTML語(yǔ)言RFC產(chǎn)生的過(guò)程是一種從下往上的過(guò)程，而不是從上往下的過(guò)程。它不是一個(gè)由主席或者由工作組負(fù)責(zé)

13、人下令做出來(lái)的，而是由下面的任何人自發(fā)地提出，然后在工作組里進(jìn)行討論，討論了以后再交給有關(guān)組織進(jìn)行審查通過(guò)后形成的。任何一個(gè)用戶都可以對(duì)Internet某一領(lǐng)域的問(wèn)題提出自己的解決方案或規(guī)范，作為Internet草案(Internet Draffs，ID)提交給Internet工程任務(wù)組(IETF)，草案存放在美國(guó)、歐洲和亞太地區(qū)的工作文件站點(diǎn)上，供來(lái)自世界上多個(gè)國(guó)家的、自愿參加的IETF成員進(jìn)行討論、測(cè)試和審查。 2424第24章 HTML語(yǔ)言如果一個(gè)Internet草案被IESG確定為Internet的正式工作文件，則被提交給Internet體系架構(gòu)委員會(huì)(IAB)，并形成具有順序編號(hào)的R

14、FC文檔，由Internet協(xié)會(huì)(ISOC)通過(guò)Internet向全世界頒布。TCP/IP協(xié)議的一系列標(biāo)準(zhǔn)都是通過(guò)這種方式以RFC文檔格式公布的。RFC文檔必須被分配RFC編號(hào)后才能在網(wǎng)絡(luò)上發(fā)布。 2525第24章 HTML語(yǔ)言例如，RFC2616是HTTP/1.1協(xié)議規(guī)范的文檔，RFC1521是MIME格式規(guī)范的文檔。最初的RFC一直保留而從來(lái)不會(huì)被更新，如果修改了該文檔，則該文檔必須以一個(gè)新號(hào)碼公布，用戶可以通過(guò)遍布全世界的數(shù)個(gè)聯(lián)機(jī)站點(diǎn)獲得RFC文檔。2626第24章 HTML語(yǔ)言W3C于1994年成立，是與Web有關(guān)的企業(yè)機(jī)構(gòu)成立的業(yè)界同盟，該組織是國(guó)際性的，在世界各地的許多研究機(jī)構(gòu)中都

15、設(shè)有辦事處，其網(wǎng)址為。W3C目前的成員僅限于團(tuán)體或組織，只要交納一定的費(fèi)用，并簽署一份保證遵守規(guī)則的成員協(xié)議，任何公司均可加入。W3C對(duì)Web的標(biāo)準(zhǔn)握有生殺大權(quán)，負(fù)責(zé)研究、審定、發(fā)布、管理有關(guān)Web的標(biāo)準(zhǔn)，如HTML、CSS等。 2727第24章 HTML語(yǔ)言該組織致力于開(kāi)發(fā)促進(jìn)Web發(fā)展和確保其互操作性的基礎(chǔ)性協(xié)議，引導(dǎo)進(jìn)一步發(fā)掘Web的潛能，它還開(kāi)發(fā)體現(xiàn)和推動(dòng)標(biāo)準(zhǔn)的參考代碼以及各類展示新技術(shù)應(yīng)用的源程序范例。W3C不從事網(wǎng)絡(luò)傳輸協(xié)議規(guī)范的制定，它將重點(diǎn)放在人們從Web上所看到的東西，如字體、圖形和3D動(dòng)畫等。實(shí)際上，W3C不具備強(qiáng)制執(zhí)行能力，它的標(biāo)準(zhǔn)僅是建

16、議，不具備任何法律效力，人們不必非得遵照?qǐng)?zhí)行。 2828第24章 HTML語(yǔ)言但是，如果電源插座廠家不按業(yè)界公認(rèn)的標(biāo)準(zhǔn)來(lái)生產(chǎn)，其它電器產(chǎn)品就無(wú)法插接到這個(gè)廠家生產(chǎn)的插座上，這樣的插座肯定賣不出去。顯然，如果一個(gè)廠商不按公認(rèn)的標(biāo)準(zhǔn)來(lái)制作相關(guān)產(chǎn)品，那肯定是沒(méi)有出路的。所以，相關(guān)廠商都非常愿意與W3C合作，大多數(shù)加入W3C的成員都是為了在決定協(xié)議的未來(lái)內(nèi)容時(shí)發(fā)表自己的意見(jiàn)，以便在標(biāo)準(zhǔn)制定過(guò)程中處于有利地位。IT領(lǐng)域內(nèi)的一些大公司，如Hewlett Packard、Netscape、Sun Microsystems、Microsoft等都是W3C的成員。2929第24章 HTML語(yǔ)言當(dāng)W3C工作組對(duì)即

17、將準(zhǔn)備制定的某個(gè)規(guī)范的初期成果感到相當(dāng)滿意時(shí)，他們就會(huì)在W3C的Web站點(diǎn)上以一份工作草案的形式發(fā)表供公眾查閱。在對(duì)最初的反映進(jìn)行評(píng)估之后，該工作組就將此草案作為所提出的建議發(fā)表在Web站點(diǎn)上，W3C咨詢委員會(huì)有一個(gè)月的時(shí)間投票決定它是否應(yīng)成為一項(xiàng)實(shí)際建議。3030第24章 HTML語(yǔ)言24.2 HTML的語(yǔ)法的語(yǔ)法24.2.1 架構(gòu)標(biāo)簽一個(gè)網(wǎng)頁(yè)文件中的標(biāo)簽有一定的組成結(jié)構(gòu)，不能隨意顛倒和弄亂這種關(guān)系，下面這段內(nèi)容說(shuō)明了一個(gè)最基本的網(wǎng)頁(yè)文件的組成結(jié)構(gòu)。顯示在瀏覽器左上方的標(biāo)題31 31第24章 HTML語(yǔ)言紅色背景、藍(lán)色文本粗略閱讀一下上面這段內(nèi)容，將它們保存在一個(gè).html或.htm文件中，

18、然后用瀏覽器打開(kāi)保存的文件并觀察顯示效果，結(jié)合下面的內(nèi)容，就很容易了解其中各個(gè)標(biāo)簽對(duì)在一個(gè)HTML文檔組成結(jié)構(gòu)中的位置及其自身的作用。3232第24章 HTML語(yǔ)言1. 基本標(biāo)簽對(duì)1) 標(biāo)簽用于HTML文檔的最前邊，用來(lái)標(biāo)識(shí)HTML文檔的開(kāi)始。而標(biāo)簽恰恰相反，它放在HTML文檔的最后邊，用來(lái)標(biāo)識(shí)HTML文檔的結(jié)束。兩個(gè)標(biāo)簽必須成對(duì)使用，網(wǎng)頁(yè)中所有其它的內(nèi)容都要放在和之間。3333第24章 HTML語(yǔ)言2) 一個(gè)網(wǎng)頁(yè)文檔從總體上可分為頭和主體兩部分。和定義了HTML文檔的頭部分，必須是結(jié)束標(biāo)簽與起始標(biāo)簽成對(duì)使用。在此標(biāo)簽對(duì)之間可以使用、等標(biāo)簽對(duì)，這些標(biāo)簽對(duì)都是描述HTML文檔相關(guān)信息的。標(biāo)簽對(duì)之

19、間的內(nèi)容是不會(huì)在瀏覽器的文檔窗口中顯示出來(lái)的。3434第24章 HTML語(yǔ)言3) 使用過(guò)瀏覽器的人可能都會(huì)注意到瀏覽器窗口的標(biāo)題欄上顯示的文本信息，那些信息一般是網(wǎng)頁(yè)的“主題”。要將網(wǎng)頁(yè)的主題顯示到瀏覽器的頂部其實(shí)很簡(jiǎn)單，只要在標(biāo)簽對(duì)之間加入主題文本即可。3535第24章 HTML語(yǔ)言4) 定義了HTML文檔的主體部分，必須是結(jié)束標(biāo)簽與起始標(biāo)簽成對(duì)使用。在和之間放置的是實(shí)際要顯示的文本內(nèi)容和其它用于控制文本顯示方式的標(biāo)簽，如、等，它們中間所定義的文本、圖像等將會(huì)在瀏覽器的窗口內(nèi)顯示出來(lái)。對(duì)于標(biāo)簽，有以下主要屬性：3636第24章 HTML語(yǔ)言(1) text用于設(shè)定整個(gè)網(wǎng)頁(yè)中的文字顏色，關(guān)于顏

20、色的取值，在稍后部分會(huì)有詳細(xì)講解。(2) link用于設(shè)定一般超鏈接文本的顯示顏色。 (3) alink用于設(shè)定鼠標(biāo)移動(dòng)到超鏈接上并按下鼠標(biāo)時(shí)，超鏈接文本的顯示顏色。(4) vlink用于設(shè)定訪問(wèn)過(guò)的超鏈接文本的顯示顏色。 (5) background用于設(shè)定背景墻紙所用的圖像文件，可以是GIF或JPEG文件的絕對(duì)或相對(duì)路徑。 3737第24章 HTML語(yǔ)言(6) bgcolor用于設(shè)定背景顏色，當(dāng)已設(shè)定背景墻紙時(shí)，這個(gè)屬性會(huì)失去作用，除非墻紙具有透明部分。 (7) leftmargin設(shè)定網(wǎng)頁(yè)顯示畫面與瀏覽器窗口左邊沿的間隙，單位為像素。 (8) topmargin設(shè)定網(wǎng)頁(yè)顯示畫面與瀏覽器窗

21、口上邊沿的間隙，單位為像素。標(biāo)簽還有一些其它的公共屬性，如class、name、id、style等。3838第24章 HTML語(yǔ)言2. 網(wǎng)頁(yè)文檔的產(chǎn)生如果使用專門的HTML編輯軟件來(lái)編寫HTML文件，上面這些基本的HTML標(biāo)簽都可以自動(dòng)生成。例如，在Microsoft Visual Studio .NET中，單擊“文件” “新建”“文件”命令后，從彈出的“新建文件”對(duì)話框中單擊“HTML頁(yè)”圖標(biāo)(如圖24.1所示)，就可以創(chuàng)建一個(gè)HTML文件。3939第24章 HTML語(yǔ)言圖24.1 “新建文件”對(duì)話框4040第24章 HTML語(yǔ)言文件創(chuàng)建完成，將網(wǎng)頁(yè)文件編輯窗口切換到“HTML”視圖，就可看

22、到如圖24.2所示的內(nèi)容。圖24.2 “HTML”視圖41 41第24章 HTML語(yǔ)言另外，對(duì)于每個(gè)標(biāo)簽到底有哪些屬性，以及與這些屬性相關(guān)的設(shè)置選項(xiàng)，讀者也不必死記硬背，只要使用各種網(wǎng)頁(yè)開(kāi)發(fā)工具軟件，就可以直接在它們提供的屬性窗口中查看和操作。 4242第24章 HTML語(yǔ)言例如，在Microsoft Visual Studio .NET中，單擊“視圖”“屬性窗口”命令，打開(kāi)屬性窗口，然后將網(wǎng)頁(yè)文件編輯窗口切換到“HTML”視圖，用鼠標(biāo)單擊標(biāo)簽中的任何部位，屬性窗口中就會(huì)列出標(biāo)簽的所有屬性。對(duì)其中的屬性進(jìn)行設(shè)置的結(jié)果會(huì)自動(dòng)插入到HTML文件中，如圖24.3所示。4343第24章 HTML語(yǔ)言圖

23、24.3 對(duì)屬性進(jìn)行設(shè)置的結(jié)果4444第24章 HTML語(yǔ)言在HTML中，許多屬性都是與顏色有關(guān)，顏色的取值可以是一個(gè)十六進(jìn)制RGB顏色碼或HTML語(yǔ)言中給定的顏色常量名。任何顏色都可以由紅、綠、藍(lán)三個(gè)基本顏色進(jìn)行調(diào)色而成，紅、綠、藍(lán)所占的比例不同，調(diào)出的顏色也就不同。十六進(jìn)制RGB顏色碼使用一個(gè)#號(hào)后跟六位十六進(jìn)制數(shù)據(jù)。 4545第24章 HTML語(yǔ)言例如#FF0000，最前面兩位代表組成該顏色的紅色的比例，中間兩位代表綠色的比例，最后兩位代表藍(lán)色的比例。每個(gè)基色的比例取值范圍為0255，對(duì)應(yīng)十六進(jìn)制的00FF，也就是該取值在一個(gè)字節(jié)所表示的數(shù)值范圍之間。對(duì)于每種顏色的RGB顏色碼和HTML

24、的顏色常量名，讀者都沒(méi)必要記憶，可以使用Microsoft Visual Studio .NET來(lái)幫助設(shè)置。 4646第24章 HTML語(yǔ)言在屬性窗口中單擊某個(gè)屬性的屬性值網(wǎng)格欄，如果這個(gè)屬性的取值是顏色類型的，屬性值網(wǎng)格欄中將會(huì)顯示一個(gè)小按鈕，該按鈕上顯示的文本為三個(gè)點(diǎn)()，單擊這個(gè)按鈕，就可以從彈出的顏色對(duì)話框中選擇想要的顏色，如圖24.4所示。4747第24章 HTML語(yǔ)言圖24.4 顏色設(shè)置4848第24章 HTML語(yǔ)言3. 文檔類型定義在圖24.2中顯示的HTML內(nèi)容的開(kāi)頭處有一個(gè)文檔類型標(biāo)簽()，這是文檔類型定義(Document Type Definition，DTD)標(biāo)簽。查看

25、一些網(wǎng)站的網(wǎng)頁(yè)原文件時(shí)，會(huì)發(fā)現(xiàn)許多HTML文檔中都有這個(gè)標(biāo)簽。4949第24章 HTML語(yǔ)言文檔類型定義標(biāo)簽指定了另外一個(gè)稱為HTML規(guī)范的定義文件，該規(guī)范文件中說(shuō)明了一個(gè)網(wǎng)頁(yè)文件所能使用的HTML標(biāo)簽及標(biāo)簽之間的嵌套關(guān)系。如果把HTML文件比喻成我們起草的一份合同文件，那么DTD聲明就是合同中所引述的“依據(jù)國(guó)家xxx法”這樣的說(shuō)明，DTD文件就是“國(guó)家xxx法”的定義文件。 5050第24章 HTML語(yǔ)言比合同文件中的引述更好的一點(diǎn)是，HTML的DTD聲明中還指定了“國(guó)家xxx法”的原始文案的存檔位置，使用者可以很方便地依據(jù)這個(gè)位置來(lái)查詢最權(quán)威、最可靠的相關(guān)“法律條文”。簡(jiǎn)單地說(shuō)，文檔類型定

26、義標(biāo)簽就是指定了當(dāng)前網(wǎng)頁(yè)文件所使用的HTML語(yǔ)言版本及定義該語(yǔ)言版本的規(guī)范文件的位置。 51 51第24章 HTML語(yǔ)言這個(gè)信息對(duì)于瀏覽器以及其它用于網(wǎng)站設(shè)計(jì)與規(guī)劃的軟件程序具有重要意義，若能準(zhǔn)確地知道創(chuàng)建此網(wǎng)頁(yè)文件的HTML語(yǔ)言版本，將有助于瀏覽器和其它軟件程序更精確地對(duì)網(wǎng)頁(yè)內(nèi)容進(jìn)行顯示。事實(shí)上，W3C認(rèn)為一個(gè)不以標(biāo)簽開(kāi)頭的網(wǎng)頁(yè)文件，在HTML 4語(yǔ)言中是無(wú)效的。DTD位于HTML文檔的開(kāi)頭，在標(biāo)簽之前。 5252第24章 HTML語(yǔ)言以下是一個(gè)典型DTD的正確格式：其中，各部分的意義和作用如下： HTML指定文檔類型的名稱。 PUBLIC表明所依據(jù)的DTD文件可對(duì)任何人公開(kāi)訪問(wèn)，而不是某個(gè)

27、公司內(nèi)部的規(guī)范文件。5353第24章 HTML語(yǔ)言 version name 指定該HTML版本的標(biāo)識(shí)名稱。例如，HTML 4.0的標(biāo)識(shí)名稱為“-/W3C/DTD HTML 4.01 Transitional/EN”。這種用作DTD標(biāo)識(shí)的名稱符合一些標(biāo)準(zhǔn)的規(guī)定。對(duì)于ISO標(biāo)準(zhǔn)的DTD以ISO三個(gè)字母開(kāi)頭；被改進(jìn)的非ISO標(biāo)準(zhǔn)的DTD以加號(hào)“+”開(kāi)頭；未被改進(jìn)的非ISO標(biāo)準(zhǔn)的DTD以減號(hào)“-”開(kāi)頭。緊跟著開(kāi)始部分后面的是雙斜杠“/”及DTD所有者的名稱，在這個(gè)名稱之后又是雙斜杠“/”，然后是DTD所描述的文件類型，最后在雙斜杠“/”之后是語(yǔ)言的種類。5454第24章 HTML語(yǔ)言 url指定該H

28、TML語(yǔ)言的定義規(guī)范文件在Internet上的位置，如/ TR/html4/loose.dtd。其中的loose.dtd文件名說(shuō)明該文檔可能含有HTML 4“嚴(yán)格”標(biāo)準(zhǔn)和附加描述屬性中允許的所有元素，并有可能包含“不提倡”的元素。反之，如果使用strict.dtd文件名則表明該文檔嚴(yán)格符合HTML 4標(biāo)準(zhǔn)。 5555第24章 HTML語(yǔ)言HTML 4.01的嚴(yán)格標(biāo)準(zhǔn)強(qiáng)調(diào)的是HTML文檔本身，而不是網(wǎng)頁(yè)在瀏覽器中的顯示。但是這并不意味著HTML 4.01的嚴(yán)格標(biāo)準(zhǔn)忽視網(wǎng)頁(yè)的顯示，它只是著重于HTML標(biāo)簽代碼的結(jié)構(gòu)。諸如框架(frame)和鏈接目標(biāo)(link tar

29、get)等不提倡的標(biāo)記和元素在HTML嚴(yán)格標(biāo)準(zhǔn)中是不允許的。如果使用frameset.dtd文件名，則表明在HTML文檔中可以包含與框架(frame)相關(guān)的標(biāo)簽和元素。 5656第24章 HTML語(yǔ)言目前，Netscape Navigator和Internet Explorer都不要求在網(wǎng)頁(yè)的HTML開(kāi)始處包含一個(gè)DTD說(shuō)明。不過(guò)，應(yīng)該在任何使用HTML 4.0或更新版本編寫的網(wǎng)頁(yè)開(kāi)始處包含一個(gè)DTD。W3C認(rèn)為，今天的可選項(xiàng)可能就是明天的必選項(xiàng)。因此，應(yīng)該保持先進(jìn)性，現(xiàn)在就要在所有的網(wǎng)頁(yè)中使用DTD。5757第24章 HTML語(yǔ)言一個(gè)標(biāo)準(zhǔn)的網(wǎng)頁(yè)文件中都應(yīng)該有這些基本的全局架構(gòu)標(biāo)簽，但筆者在本

30、書中編寫的許多網(wǎng)頁(yè)例子文件都省略了這些基本的標(biāo)簽。這主要是為了節(jié)省篇幅和簡(jiǎn)化程序的復(fù)雜性，不讓這些內(nèi)容干擾讀者的學(xué)習(xí)，力求用最少的內(nèi)容說(shuō)明筆者的意圖，讓讀者把注意力集中在與所講問(wèn)題緊密相關(guān)的內(nèi)容上。5858第24章 HTML語(yǔ)言24.2.2 HTML注釋在HTML網(wǎng)頁(yè)文檔中可以使用“”這種格式加入注釋，注釋的內(nèi)容將被瀏覽器忽略。可以使用注釋來(lái)解釋文檔中某些部分的作用和功能，也可以使用注釋的形式在網(wǎng)頁(yè)的文檔中插入制作者的姓名、地址和電話號(hào)碼等個(gè)人信息。此外，還可以使用注釋來(lái)暫時(shí)屏蔽某些HTML語(yǔ)句，讓瀏覽器暫時(shí)不要理會(huì)這些語(yǔ)句，等到需要時(shí)，只需簡(jiǎn)單地取消注釋標(biāo)簽，這些HTML語(yǔ)句又可以發(fā)揮作用了

31、。例如，下面的代碼在網(wǎng)頁(yè)的頭部插入三行注釋：5959第24章 HTML語(yǔ)言關(guān)于文檔注釋的演示6060第24章 HTML語(yǔ)言雖然瀏覽器不在屏幕上顯示位于起始和結(jié)束注釋標(biāo)簽之間的信息，但網(wǎng)站訪問(wèn)者仍然可以通過(guò)查看網(wǎng)頁(yè)源代碼的方法來(lái)閱讀注釋。除了使用注釋來(lái)標(biāo)識(shí)個(gè)人信息之外，在培訓(xùn)環(huán)境中，也可以使用注釋來(lái)向?qū)W生解釋具體的HTML標(biāo)簽和屬性的用途。61 61第24章 HTML語(yǔ)言24.2.3 HTML符號(hào)符號(hào)當(dāng)要在網(wǎng)頁(yè)上顯示那些用作HTML標(biāo)簽的特殊字符(如等)以及被瀏覽器忽略的空格字符時(shí)，如果在網(wǎng)頁(yè)源文件中直接使用這些字符，就會(huì)遇到問(wèn)題。當(dāng)瀏覽器讀到這樣的字符串時(shí)，會(huì)試圖把它們作為標(biāo)簽進(jìn)行解釋或忽略，

32、所以在源文件中需要用某種特殊的方式來(lái)表示這些特殊的字符，例如用“<”表示“”。表示這些特殊字符的方式就叫HTML編碼，對(duì)于一些無(wú)法通過(guò)鍵盤輸入的符號(hào)，例如版權(quán)符號(hào)()，也需要使用HTML編碼來(lái)表示。 6262第24章 HTML語(yǔ)言HTML編碼使用一個(gè)連續(xù)的字符序列來(lái)代表一個(gè)特殊的字符，這個(gè)連續(xù)的字符序列以字符&開(kāi)頭，以分號(hào)( ; )結(jié)尾。假設(shè)在創(chuàng)建的網(wǎng)頁(yè)中，需要顯示一個(gè)版權(quán)符號(hào)()來(lái)表示頁(yè)面上的某些內(nèi)容或全部設(shè)計(jì)受到版權(quán)法律的保護(hù)，版權(quán)符在計(jì)算機(jī)內(nèi)存中對(duì)應(yīng)的數(shù)值碼是169，為了讓瀏覽器顯示數(shù)值碼169所代表的字符，可在字符的數(shù)字碼前加上“&#”，并以分號(hào)(;)結(jié)尾

33、，即“©”。 6363第24章 HTML語(yǔ)言對(duì)于更為常用的符號(hào)，HTML簡(jiǎn)化了這一過(guò)程，可以使用一個(gè)代表該符號(hào)的文本代碼，而不是一個(gè)數(shù)值。例如，版權(quán)符號(hào)的字符記號(hào)為“©”，這種表示特殊字符的文本代碼稱為特殊字符的引用實(shí)體。如果需要有關(guān)特殊字符代碼及其對(duì)應(yīng)數(shù)值的清單，請(qǐng)?jiān)L問(wèn)網(wǎng)址http:/ charset/。6464第24章 HTML語(yǔ)言常用的特殊字符和符號(hào)的HTML編碼如表24.1所示。6565第24章 HTML語(yǔ)言 有了一些專用的網(wǎng)頁(yè)制作工具軟件的幫助，網(wǎng)頁(yè)制作者就不用刻意去記住這些特殊字符的HTML編碼了，這些工具軟件能夠自動(dòng)產(chǎn)生特殊字符和符號(hào)的HTML編碼。在Microsoft Visual Studio