《多媒體技術(shù)與網(wǎng)頁設(shè)計》課件第24章_第1頁
《多媒體技術(shù)與網(wǎng)頁設(shè)計》課件第24章_第2頁
《多媒體技術(shù)與網(wǎng)頁設(shè)計》課件第24章_第3頁
《多媒體技術(shù)與網(wǎng)頁設(shè)計》課件第24章_第4頁
《多媒體技術(shù)與網(wǎng)頁設(shè)計》課件第24章_第5頁
已閱讀5頁,還剩69頁未讀 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)

文檔簡介

第24章HTML語言24.1HTML概述24.2HTML的語法

24.1HTML概述

24.1.1HTML的概念

網(wǎng)站的開發(fā)離不開網(wǎng)頁,而網(wǎng)頁的核心技術(shù)就是HTML語言。盡管在網(wǎng)站開發(fā)者們看來,HTML語言可能是眾多Web技術(shù)中最微不足道的部分,但是,HTML是精彩的Web世界里必不可少的基石。下面先用一個實驗來快速了解什么是網(wǎng)頁和HTML語言。用記事本程序創(chuàng)建一個test.txt文本文件,文件內(nèi)容如下:

<marqueebehavior=“alternate”><fontsize=30color=‘red’></font></marquee>

編寫完上述代碼后,將它存盤并將文件名改為

test.htm。然后用IE瀏覽器打開這個文件,可以看到在瀏覽器中顯示的效果是:字體大小為30個像素,顏色為紅色,內(nèi)容為“”的文本串在不停地水平移動。但放在尖括號對(<>)中的字符序列,如<marqueebehavior=‘a(chǎn)lternate’>、<fontsize=30Color=‘red’>并沒有在瀏覽器中

顯示出來,它們指定了“”文本串的顯示

效果。這些尖括號對(<>)與其中的字符序列就是HTML標(biāo)

簽,一個HTML標(biāo)簽必須由“<”開頭,由“>”結(jié)尾。HTML是HyperTextMarkupLanguage的縮寫,中文意思是“超文本標(biāo)簽語言”。使用HTML語言編寫的文件的擴展名是?.html或?.htm,這就是網(wǎng)頁文件??梢允褂糜浭卤境绦騺砭帉懢W(wǎng)頁文件,也可以使用FrontPageEditor等專門的工具軟件來編寫HTML文件。

HTML語言中的標(biāo)簽通常是成對使用的,它使用一個開始標(biāo)簽和一個結(jié)束標(biāo)簽來標(biāo)識文本,結(jié)束標(biāo)簽是在標(biāo)簽名稱前加一個“/”,也就是以“<標(biāo)簽名>”表示標(biāo)簽的開始,以“</標(biāo)簽名>”表示標(biāo)簽的結(jié)束。一對標(biāo)簽中還可以嵌套其它的標(biāo)簽,所以,成對標(biāo)簽又稱為容器。HTML中也有單獨標(biāo)簽,單獨標(biāo)簽不需要與之配對的結(jié)束標(biāo)簽,它們可以單獨使用,又稱之為空標(biāo)簽??諛?biāo)簽只能單獨使用,不能用于格式化文本(如

<br>)。一個HTML標(biāo)簽及標(biāo)簽中嵌套的內(nèi)容形成了網(wǎng)頁

中的一個元素,很多人喜歡直接用“HTML元素”來等同“HTML標(biāo)簽”,這本身并不是一個非常嚴謹?shù)膯栴},讀者也不必嚴格區(qū)分兩者的概念。許多HTML標(biāo)簽都可以設(shè)置一個或多個屬性來控制標(biāo)簽的顯示效果。例如,<marquee>標(biāo)簽中的behavior、<font>標(biāo)簽中的size和color就是HTML標(biāo)簽屬性。屬性設(shè)置的一般格式為:屬性名=屬性值,屬性值部分可以用英文的雙引號(“”)或單引號(‘’)引起來,也可以不使用任何引

號。對于有些只有兩種狀態(tài)(有或無)的屬性不用設(shè)置屬性值,寫上該屬性名表示啟用該屬性,不寫則表示不使用該屬性。每個屬性的位置必須跟在起始標(biāo)簽名的后面,且位于尖括號之內(nèi)。標(biāo)簽名與屬性之間以及屬性與屬性之間必須用空格分隔。有些屬性是公共的,這些屬性的名稱和作用在每個HTML標(biāo)簽中都完全相同;有些屬性是某個HTML標(biāo)簽專用的。HTML標(biāo)簽、屬性名與屬性值都是大小寫不敏感的,即<fontcolor=red>、<FONTColor=RED>以及<FontCOLOR=red>的效果是一樣的,但網(wǎng)頁文檔編寫者應(yīng)該養(yǎng)成大小寫統(tǒng)一的習(xí)慣,不要隨心所欲、忽大忽小。瀏覽器打開網(wǎng)頁文件的過程與用記事本程序打開文本文件的過程是一樣的,只是瀏覽器會對網(wǎng)頁文件中的內(nèi)容用特殊的方式顯示。瀏覽器除了從本地硬盤上打開網(wǎng)頁文件外,還可以使用HTTP網(wǎng)絡(luò)協(xié)議從網(wǎng)絡(luò)上的WWW服務(wù)器(也叫Web服務(wù)器)中獲取網(wǎng)頁文件的內(nèi)容。網(wǎng)頁文件就是一個普通的文本文件,這個文本文件里的一些特殊字符序列被當(dāng)做一種HTML標(biāo)記,當(dāng)瀏覽器打開網(wǎng)頁文件時,不是像記事本程序那樣簡單地顯示文本文件里的內(nèi)容,而是根據(jù)其中的標(biāo)記來控制文件內(nèi)容的顯示效果和執(zhí)行某種功能。單擊IE瀏覽器上的“查看”→“源文件”菜單,可以看到test.htm中的原始文本內(nèi)容,可見,瀏覽器的基本功能就是根據(jù)HTML標(biāo)簽的含義,用特殊的效果去顯示和控制一對HTML標(biāo)簽之間所引用的文本內(nèi)容,HTML標(biāo)簽的作用就是告訴瀏覽器應(yīng)該如何顯示有關(guān)的

文本。有各種各樣的HTML標(biāo)簽,它們定義了網(wǎng)頁中文字的大小、顏色和效果,段落的排版方式,以及用戶如何通過一個網(wǎng)頁導(dǎo)航到另外的網(wǎng)頁等各方面的內(nèi)容,這些HTML標(biāo)簽的組合就是HTML語言。HTML不是程序設(shè)計語言,而是一種標(biāo)記語言,也就是用一些標(biāo)記來說明文本的顯示效果。要建立網(wǎng)站和制作網(wǎng)頁,就必須對HTML語言有所了解。24.1.2HTML規(guī)范與版本

目前使用得較多的瀏覽器軟件是Microsoft(微軟公司)的InternetExplorer和Netscape(網(wǎng)景公司)的Navigator,這兩種瀏覽器或者同一種瀏覽器的不同版本之間存在著不兼容問題,其原因需要從計算機軟件開發(fā)和運行的原理上來解釋和說明。瀏覽器是人們開發(fā)的應(yīng)用軟件,有多個公司都開發(fā)了這種軟件,它根據(jù)網(wǎng)頁文件中的HTML標(biāo)簽來決定在它的窗口中繪制(對用戶來說就是顯示)什么樣的信息和執(zhí)行什么樣的動作。有些瀏覽器軟件的開發(fā)人員為了實現(xiàn)一些特殊的效果,讓該瀏覽器可以接受網(wǎng)頁中引入的一些特殊標(biāo)簽和標(biāo)簽屬性,然后對這些特殊的標(biāo)簽和標(biāo)簽屬性做一些特殊的處理,這些特殊的標(biāo)簽和標(biāo)簽屬性就成了這個瀏覽器的“方言”。而另外的瀏覽器軟件并不知道這些特殊的標(biāo)簽和標(biāo)簽屬性是什么含義,也就是它并不知道有這些“方言”,所以它就不能對這些特殊的標(biāo)簽和標(biāo)簽屬性進行處理,這就導(dǎo)致不同的瀏覽器打開一個使用了特殊標(biāo)簽和標(biāo)簽屬性的網(wǎng)頁文件時,會有不兼容的問題。為了解決兼容性和互用性問題,需要一些組織和機構(gòu)來制定HTML規(guī)范與標(biāo)準。這些組織和機構(gòu)根據(jù)當(dāng)時的需求和應(yīng)用情況,定義了許多HTML標(biāo)簽,這些標(biāo)簽就是某一版本的HTML規(guī)范。但隨著情況的變化和時間的推移,又出現(xiàn)了更多新的需求和應(yīng)用。例如,我們以后可能要在網(wǎng)頁中嵌入一段電影片斷,而不再僅僅是一張圖片,這就需要定義一個告訴瀏覽器播放電影片斷的標(biāo)簽。標(biāo)準化過程必須隨著新技術(shù)的發(fā)展和應(yīng)用而不斷發(fā)展。因此,標(biāo)準化組織必須不斷地在以前的HTML規(guī)范的基礎(chǔ)上定義一些新的標(biāo)簽和新的內(nèi)容,這就形成了新版本的HTML規(guī)范。早期的HTML是非常簡單的,被稱之為HTML1.0,后來由IETF(InternetEngineeringTaskForce,Internet工程任務(wù)組)進一步擴展,并制定出對常用的HTML標(biāo)簽進行了詳細說明的HTML規(guī)范—HTML2.0。IETF最終將負責(zé)HTML規(guī)范制定的權(quán)力移交給了一個比它后成立的、專門制定Web領(lǐng)域技術(shù)規(guī)范的組織,即W3C(WorldWideWebConsortium,習(xí)慣稱之為WWW聯(lián)盟),因為主要的廠商,如Microsoft和Netscape公司傾向于通過W3C工作。

HTML4.01是HTML規(guī)范的最終版本,不可能再有更新的HTML規(guī)范了,HTML將被XHTML所取代。雖然如

此,但人們在相當(dāng)長的一段時間內(nèi)還得使用HTML,并且HTML是XHTML的基礎(chǔ),因此,學(xué)習(xí)HTML還是非常有必要的。24.1.3IETF與W3C組織

Internet最大的特點是管理上的開放性,它被每個用戶所共同擁有,沒有人和組織對Internet擁有實際的絕對控制權(quán)。Internet沒有集中的管理機構(gòu),但是為了促進Internet運行所需的標(biāo)準兼容性,并確保Internet的持續(xù)發(fā)展,先

后成立了一些機構(gòu)和組織,它們自愿承擔(dān)Internet的管理

職責(zé)。了解這些Internet組織及它們所制定的標(biāo)準化文檔,對于一個要掌握Internet網(wǎng)絡(luò)應(yīng)用細節(jié),特別是要編寫Internet網(wǎng)絡(luò)應(yīng)用程序的人來說,是很有必要的。目前主要由兩個組織負責(zé)制定Web網(wǎng)站管理和開發(fā)相關(guān)的規(guī)范,這兩個組織是IETF和W3C,它們的主要職責(zé)是制定Internet網(wǎng)絡(luò)連接和應(yīng)用的協(xié)議標(biāo)準,下面分別對這兩個組織和它們所制定的相關(guān)文檔進行介紹。

IETF是由網(wǎng)絡(luò)設(shè)計人員、操作員、廠商、專家組成的民間組織,主要負責(zé)有關(guān)Internet的各種技術(shù)標(biāo)準及接口規(guī)范的制定,其網(wǎng)址為。參加IETF會議的人員都是個人代表,他們不代表任何組織、公司、學(xué)校、政府部門等。IETF主要負責(zé)8個功能領(lǐng)域的規(guī)范和標(biāo)準的制定,分別是應(yīng)用、Internet、網(wǎng)絡(luò)管理、運行要求、路

由、安全、傳輸與用戶服務(wù),每個領(lǐng)域都設(shè)有多個工作小組來開展相關(guān)工作。

IETF以RFC(RequestsforComments,請求注解文檔)定名所發(fā)布的各類標(biāo)準與協(xié)議,RFC實際上就是Internet有關(guān)服務(wù)的一些技術(shù)標(biāo)準文檔,是用于發(fā)布Internet標(biāo)準和Internet其它正式出版物的一種網(wǎng)絡(luò)文件或工作報告。RFC的名字來源是歷史原因造成的,現(xiàn)在看來,它的名字和實際上的內(nèi)容并不一致。RFC文檔雖然是民間機構(gòu)而不是官方制定的,但大多RFC都已成為業(yè)界的事實標(biāo)準。

RFC產(chǎn)生的過程是一種從下往上的過程,而不是從上往下的過程。它不是一個由主席或者由工作組負責(zé)人下令做出來的,而是由下面的任何人自發(fā)地提出,然后在工作組里進行討論,討論了以后再交給有關(guān)組織進行審查通過后形成的。任何一個用戶都可以對Internet某一領(lǐng)域的問題提出自己的解決方案或規(guī)范,作為Internet草案(InternetDraffs,ID)提交給Internet工程任務(wù)組(IETF),草案存放在美國、歐洲和亞太地區(qū)的工作文件站點上,供來自世界

上多個國家的、自愿參加的IETF成員進行討論、測試和

審查。如果一個Internet草案被IESG確定為Internet的正式工作文件,則被提交給Internet體系架構(gòu)委員會(IAB),并形成具有順序編號的RFC文檔,由Internet協(xié)會(ISOC)通過Internet向全世界頒布。TCP/IP協(xié)議的一系列標(biāo)準都是通過這種方式以RFC文檔格式公布的。RFC文檔必須被分配RFC編號后才能在網(wǎng)絡(luò)上發(fā)布。例如,RFC2616是HTTP/1.1協(xié)議規(guī)范的文檔,RFC1521是MIME格式規(guī)范的文檔。最初的RFC一直保留而從來不會被更新,如果修改了該文檔,則該文檔必須以一個新號碼公布,用戶可以通過遍布全世界的數(shù)個聯(lián)機站點獲得RFC文檔。

W3C于1994年成立,是與Web有關(guān)的企業(yè)機構(gòu)成立的業(yè)界同盟,該組織是國際性的,在世界各地的許多研究機構(gòu)中都設(shè)有辦事處,其網(wǎng)址為。W3C目前的成員僅限于團體或組織,只要交納一定的費用,并簽署一份保證遵守規(guī)則的成員協(xié)議,任何公司均可加入。W3C對Web的標(biāo)準握有生殺大權(quán),負責(zé)研究、審定、發(fā)

布、管理有關(guān)Web的標(biāo)準,如HTML、CSS等。該組織致力于開發(fā)促進Web發(fā)展和確保其互操作性的基礎(chǔ)性協(xié)議,引導(dǎo)進一步發(fā)掘Web的潛能,它還開發(fā)體現(xiàn)和推動標(biāo)準的參考代碼以及各類展示新技術(shù)應(yīng)用的源程序范例。W3C不從事網(wǎng)絡(luò)傳輸協(xié)議規(guī)范的制定,它將重點放在人們從Web上所看到的東西,如字體、圖形和3D動畫

等。實際上,W3C不具備強制執(zhí)行能力,它的標(biāo)準僅是建議,不具備任何法律效力,人們不必非得遵照執(zhí)行。但是,如果電源插座廠家不按業(yè)界公認的標(biāo)準來生

產(chǎn),其它電器產(chǎn)品就無法插接到這個廠家生產(chǎn)的插座上,這樣的插座肯定賣不出去。顯然,如果一個廠商不按公認的標(biāo)準來制作相關(guān)產(chǎn)品,那肯定是沒有出路的。所以,相關(guān)廠商都非常愿意與W3C合作,大多數(shù)加入W3C的成員都是為了在決定協(xié)議的未來內(nèi)容時發(fā)表自己的意見,以便在標(biāo)準制定過程中處于有利地位。IT領(lǐng)域內(nèi)的一些大公司,如HewlettPackard、Netscape、SunMicrosystems、Microsoft等都是W3C的成員。當(dāng)W3C工作組對即將準備制定的某個規(guī)范的初期成果感到相當(dāng)滿意時,他們就會在W3C的Web站點上以一份工作草案的形式發(fā)表供公眾查閱。在對最初的反映進行評估之后,該工作組就將此草案作為所提出的建議發(fā)表在Web站點上,W3C咨詢委員會有一個月的時間投票決定它是否應(yīng)成為一項實際建議。

24.2HTML的語法

24.2.1架構(gòu)標(biāo)簽

一個網(wǎng)頁文件中的標(biāo)簽有一定的組成結(jié)構(gòu),不能隨意顛倒和弄亂這種關(guān)系,下面這段內(nèi)容說明了一個最基本的網(wǎng)頁文件的組成結(jié)構(gòu)。

<html>

<head>

<title>顯示在瀏覽器左上方的標(biāo)題</title>

</head>

<bodybgcolor="red"text="blue">

<p>紅色背景、藍色文本</p>

</body>

</html>

粗略閱讀一下上面這段內(nèi)容,將它們保存在一個.html或.htm文件中,然后用瀏覽器打開保存的文件并觀察顯示效果,結(jié)合下面的內(nèi)容,就很容易了解其中各個標(biāo)簽對在一個HTML文檔組成結(jié)構(gòu)中的位置及其自身的作用。

1.基本標(biāo)簽對

1)

<html></html>

<html>標(biāo)簽用于HTML文檔的最前邊,用來標(biāo)識HTML文檔的開始。而</html>標(biāo)簽恰恰相反,它放在HTML文檔的最后邊,用來標(biāo)識HTML文檔的結(jié)束。兩個標(biāo)簽必須成對使用,網(wǎng)頁中所有其它的內(nèi)容都要放在<html>和</html>之間。

2)

<head></head>

一個網(wǎng)頁文檔從總體上可分為頭和主體兩部分。<head>和</head>定義了HTML文檔的頭部分,必須是結(jié)束標(biāo)簽與起始標(biāo)簽成對使用。在此標(biāo)簽對之間可以使用<title></title>、<script></script>等標(biāo)簽對,這些標(biāo)簽對都是描述HTML文檔相關(guān)信息的。<head></head>標(biāo)簽對之間的內(nèi)容是不會在瀏覽器的文檔窗口中顯示出來的。

3)

<title></title>

使用過瀏覽器的人可能都會注意到瀏覽器窗口的標(biāo)題欄上顯示的文本信息,那些信息一般是網(wǎng)頁的“主題”。要將網(wǎng)頁的主題顯示到瀏覽器的頂部其實很簡單,只要在<title></title>標(biāo)簽對之間加入主題文本即可。

4)?<body></body>

<body></body>定義了HTML文檔的主體部分,必須是結(jié)束標(biāo)簽與起始標(biāo)簽成對使用。在<body>和</body>之間放置的是實際要顯示的文本內(nèi)容和其它用于控制文本顯示方式的標(biāo)簽,如<p>、</p>、<h1>、</h1>、<br>、<hr>

等,它們中間所定義的文本、圖像等將會在瀏覽器的窗口內(nèi)顯示出來。對于<body>標(biāo)簽,有以下主要屬性:

(1)?text用于設(shè)定整個網(wǎng)頁中的文字顏色,關(guān)于顏色的取值,在稍后部分會有詳細講解。

(2)?link用于設(shè)定一般超鏈接文本的顯示顏色。

(3)?alink用于設(shè)定鼠標(biāo)移動到超鏈接上并按下鼠標(biāo)

時,超鏈接文本的顯示顏色。

(4)?vlink用于設(shè)定訪問過的超鏈接文本的顯示顏色。

(5)?background用于設(shè)定背景墻紙所用的圖像文件,可以是GIF或JPEG文件的絕對或相對路徑。

(6)?bgcolor用于設(shè)定背景顏色,當(dāng)已設(shè)定背景墻紙

時,這個屬性會失去作用,除非墻紙具有透明部分。

(7)?leftmargin設(shè)定網(wǎng)頁顯示畫面與瀏覽器窗口左邊沿的間隙,單位為像素。

(8)?topmargin設(shè)定網(wǎng)頁顯示畫面與瀏覽器窗口上邊沿的間隙,單位為像素。

<body>標(biāo)簽還有一些其它的公共屬性,如class、

name、id、style等。

2.網(wǎng)頁文檔的產(chǎn)生

如果使用專門的HTML編輯軟件來編寫HTML文件,上面這些基本的HTML標(biāo)簽都可以自動生成。例如,在MicrosoftVisualStudio.NET中,單擊“文件”→“新建”→

“文件”命令后,從彈出的“新建文件”對話框中單擊“HTML頁”圖標(biāo)(如圖24.1所示),就可以創(chuàng)建一個HTML文件。圖24.1“新建文件”對話框文件創(chuàng)建完成,將網(wǎng)頁文件編輯窗口切換到“HTML”視圖,就可看到如圖24.2所示的內(nèi)容。圖24.2“HTML”視圖另外,對于每個標(biāo)簽到底有哪些屬性,以及與這些屬性相關(guān)的設(shè)置選項,讀者也不必死記硬背,只要使用各種網(wǎng)頁開發(fā)工具軟件,就可以直接在它們提供的屬性窗口中查看和操作。例如,在MicrosoftVisualStudio.NET中,單擊“視

圖”→“屬性窗口”命令,打開屬性窗口,然后將網(wǎng)頁文件編輯窗口切換到“HTML”視圖,用鼠標(biāo)單擊<body>標(biāo)簽中的任何部位,屬性窗口中就會列出<body>標(biāo)簽的所有屬性。對其中的屬性進行設(shè)置的結(jié)果會自動插入到HTML文件

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

間。對于每種顏色的RGB顏色碼和HTML的顏色常量名,讀者都沒必要記憶,可以使用MicrosoftVisualStudio.NET來幫助設(shè)置。在屬性窗口中單擊某個屬性的屬性值網(wǎng)格欄,如果這個屬性的取值是顏色類型的,屬性值網(wǎng)格欄中將會顯示一個小按鈕,該按鈕上顯示的文本為三個點(…),單擊這個按鈕,就可以從彈出的顏色對話框中選擇想要的顏色,如圖24.4所示。圖24.4顏色設(shè)置

3.文檔類型定義

在圖24.2中顯示的HTML內(nèi)容的開頭處有一個文檔類型標(biāo)簽(<!DOCTYPE>),這是文檔類型定義(DocumentTypeDefinition,DTD)標(biāo)簽。查看一些網(wǎng)站的網(wǎng)頁原文件時,會發(fā)現(xiàn)許多HTML文檔中都有這個標(biāo)簽。文檔類型定義標(biāo)簽指定了另外一個稱為HTML規(guī)范的定義文件,該規(guī)范文件中說明了一個網(wǎng)頁文件所能使用的HTML標(biāo)簽及標(biāo)簽之間的嵌套關(guān)系。如果把HTML文件比喻成我們起草的一份合同文件,那么DTD聲明就是合同中所引述的“依據(jù)國家xxx法”這樣的說明,DTD文件就是“國家xxx法”的定義文件。比合同文件中的引述更好的一點是,HTML的DTD聲明中還指定了“國家xxx法”的原始文案的存檔位置,使用者可以很方便地依據(jù)這個位置來查詢最權(quán)威、最可靠的相關(guān)“法律條文”。簡單地說,文檔類型定義標(biāo)簽就是指定了當(dāng)前網(wǎng)頁文件所使用的HTML語言版本及定義該語言版本的規(guī)范文件的位置。這個信息對于瀏覽器以及其它用于網(wǎng)站設(shè)計與規(guī)劃的軟件程序具有重要意義,若能準確地知道創(chuàng)建此網(wǎng)頁文件的HTML語言版本,將有助于瀏覽器和其它軟件程序更精確地對網(wǎng)頁內(nèi)容進行顯示。事實上,W3C認為一個不以<!DOCTYPE>標(biāo)簽開頭的網(wǎng)頁文件,在HTML4語言中是無效的。DTD位于HTML文檔的開頭,在<html>標(biāo)簽之前。以下是一個典型DTD的正確格式:

<!DOCTYPEHTMLPUBLIC“versionname”“url”>

其中,各部分的意義和作用如下:

①?HTML指定文檔類型的名稱。

②?PUBLIC表明所依據(jù)的DTD文件可對任何人公開訪問,而不是某個公司內(nèi)部的規(guī)范文件。③?versionname指定該HTML版本的標(biāo)識名稱。例

如,HTML4.0的標(biāo)識名稱為“-//W3C//DTDHTML4.01Transitional//EN”。這種用作DTD標(biāo)識的名稱符合一些標(biāo)準的規(guī)定。對于ISO標(biāo)準的DTD以ISO三個字母開頭;被改進的非ISO標(biāo)準的DTD以加號“+”開頭;未被改進的非ISO標(biāo)準的DTD以減號“-”開頭。緊跟著開始部分后面的是雙斜

杠“//”及DTD所有者的名稱,在這個名稱之后又是雙斜杠“//”,然后是DTD所描述的文件類型,最后在雙斜杠“//”之后是語言的種類。④?url指定該HTML語言的定義規(guī)范文件在Internet上的位置,如/TR/html4/loose.dtd。其中的loose.dtd文件名說明該文檔可能含有HTML4“嚴格”標(biāo)準和附加描述屬性中允許的所有元素,并有可能包含“不提倡”的元素。反之,如果使用strict.dtd文件名則表明該文檔嚴格符合HTML4標(biāo)準。

HTML4.01的嚴格標(biāo)準強調(diào)的是HTML文檔本身,而不是網(wǎng)頁在瀏覽器中的顯示。但是這并不意味著HTML4.01的嚴格標(biāo)準忽視網(wǎng)頁的顯示,它只是著重于HTML標(biāo)簽代碼的結(jié)構(gòu)。諸如框架(frame)和鏈接目標(biāo)(linktarget)等不提倡的標(biāo)記和元素在HTML嚴格標(biāo)準中是不允許的。如果使用frameset.dtd文件名,則表明在HTML文檔中可以包含與框架(frame)相關(guān)的標(biāo)簽和元素。目前,NetscapeNavigator和InternetExplorer都不要求在網(wǎng)頁的HTML開始處包含一個DTD說明。不過,應(yīng)該在任何使用HTML4.0或更新版本編寫的網(wǎng)頁開始處包含一個DTD。W3C認為,今天的可選項可能就是明天的必選項。因此,應(yīng)該保持先進性,現(xiàn)在就要在所有的網(wǎng)頁中使用DTD。一個標(biāo)準的網(wǎng)頁文件中都應(yīng)該有這些基本的全局架構(gòu)標(biāo)簽,但筆者在本書中編寫的許多網(wǎng)頁例子文件都省略了這些基本的標(biāo)簽。這主要是為了節(jié)省篇幅和簡化程序的復(fù)雜性,不讓這些內(nèi)容干擾讀者的學(xué)習(xí),力求用最少的內(nèi)容說明筆者的意圖,讓讀者把注意力集中在與所講問題緊密相關(guān)的內(nèi)容上。24.2.2HTML注釋

在HTML網(wǎng)頁文檔中可以使用“<!--注釋-->”這種格式加入注釋,注釋的內(nèi)容將被瀏覽器忽略??梢允褂米⑨寔斫忉屛臋n中某些部分的作用和功能,也可以使用注釋的形式在網(wǎng)頁的文檔中插入制作者的姓名、地址和電話號碼等個人信息。此外,還可以使用注釋來暫時屏蔽某些HTML語句,讓瀏覽器暫時不要理會這些語句,等到需要時,只需簡單地取消注釋標(biāo)簽,這些HTML語句又可以發(fā)揮作用了。例如,下面的代碼在網(wǎng)頁的頭部插入三行注釋:

<head>

<title>關(guān)于文檔注釋的演示</title>

<!--

Author 王二小

Company 陜西師范大學(xué)

ContactInfo

-->

</head>雖然瀏覽器不在屏幕上顯示位于起始和結(jié)束注釋標(biāo)簽之間的信息,但網(wǎng)站訪問者仍然可以通過查看網(wǎng)頁源代碼的方法來閱讀注釋。除了使用注釋來標(biāo)識個人信息之外,在培訓(xùn)環(huán)境中,也可以使用注釋來向?qū)W生解釋具體的HTML標(biāo)簽和屬性的用途。24.2.3HTML符號

當(dāng)要在網(wǎng)頁上顯示那些用作HTML標(biāo)簽的特殊字符(如<、>等)以及被瀏覽器忽略的空格字符時,如果在網(wǎng)頁源文件中直接使用這些字符,就會遇到問題。當(dāng)瀏覽器讀到這樣的字符串時,會試圖把它們作為標(biāo)簽進行解釋或忽略,所以在源文件中需要用某種特殊的方式來表示這些特殊的字符,例如用“<”表示“<”。表示這些特殊字符的方式就叫HTML編碼,對于一些無法通過鍵盤輸入的符號,例如版權(quán)符號(?),也需要使用HTML編碼來表示。

HTML編碼使用一個連續(xù)的字符序列來代表一個特殊的字符,這個連續(xù)的字符序列以字符&開頭,以分號(;)結(jié)尾。假設(shè)在創(chuàng)建的網(wǎng)頁中,需要顯示一個版權(quán)符號(?)來表示頁面上的某些內(nèi)容或全部設(shè)計受到版權(quán)法律的保護,版權(quán)符在計算機內(nèi)存中對應(yīng)的數(shù)值碼是169,為了讓瀏覽器顯示數(shù)值碼169所代表的字符,可在字符的數(shù)字碼前加上“&#”,并以分號(;)結(jié)尾,即“©”。對于更為常用的符號,HTML簡化了這一過程,可以使用一個代表該符號的文本代碼,而不是一個數(shù)值。例

如,版權(quán)符號的字符記號為“©”,這種表示特殊字符的文本代碼稱為特殊字符的引用實體。如果需要有關(guān)特殊字符代碼及其對應(yīng)數(shù)值的清單,請訪問網(wǎng)址/reference/charset/。常用的特殊字符和符號的HTML編碼如表24.1所示。有了一些專用的網(wǎng)頁制作工具軟件的幫助,網(wǎng)頁制作者就不用刻意去記住這些特殊字符的HTML編碼了,這些工具軟件能夠自動產(chǎn)生特殊字符和符號的HTML編碼。在MicrosoftVisualStudio.NET的網(wǎng)頁編輯窗口的“設(shè)計”視圖下,直接輸入空格、<、>、&字符,在HTML源文件中就可以看到它們對應(yīng)的HTML編碼。24.2.4格式標(biāo)簽

前面介紹了一些HTML文檔的基本標(biāo)簽,那么如何利用HTML標(biāo)簽在瀏覽器中控制文本的顯示呢?這正是本節(jié)要講到的知識。在學(xué)習(xí)之前必須強調(diào)的是,這節(jié)所講的格式標(biāo)簽全部都是嵌套在<body></body>標(biāo)簽對之間的。

1)?<p></p>

<p></p>標(biāo)簽對是用來創(chuàng)建一個段落,在此標(biāo)簽對之間加入的文本將按照段落的格式顯示在瀏覽器上。另外,<p>標(biāo)簽還可以使用align屬性,它用來說明對齊方式,語法是:<palign="屬性值"></p>。align的屬性值可以是Left

(左對齊)、Center(居中)和Right(右對齊)三個值中的任何一個。如<palign="Center"></p>表示標(biāo)簽對中的文本使用居中的對齊方式。

2)?<br>

<b

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論