《補(bǔ)充1： HTML語(yǔ)言與常用標(biāo)簽》由會(huì)員分享，可在線閱讀，更多相關(guān)《補(bǔ)充1： HTML語(yǔ)言與常用標(biāo)簽（23頁(yè)珍藏版）》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。

1、,單擊此處編輯母版標(biāo)題樣式,單擊此處編輯母版文本樣式,第二級(jí),第三級(jí),第四級(jí),第五級(jí),*,HTML,語(yǔ)言,1 HTML,語(yǔ)言,1.1 HTML,語(yǔ)言概述,HTML,是（,Hyper Text Markup Language,，超文本標(biāo)簽語(yǔ)言）的縮寫。它是,WWW,（,World Wide Web,）中使用的超文本標(biāo)簽語(yǔ)言。,HTML,語(yǔ)言的重要性在于，它是所有瀏覽器都能識(shí)別的通用語(yǔ)言，是瀏覽器生成網(wǎng)頁(yè)的基礎(chǔ)。利用它可以完成以下三方面的工作：,定義在瀏覽器上的顯示格式；,建立超鏈接；,集成其他多媒體軟件。,HTML,語(yǔ)言的特點(diǎn)是：,HTML,不是程序語(yǔ)言，它只是一種標(biāo)簽語(yǔ)言，它只是將一些對(duì)象（如

2、文本、圖片、表格等）中加入各種各樣的標(biāo)簽符，從而使這些對(duì)象以這些標(biāo)簽符所定義的形式顯示出來(lái)。,任何文本編輯器都可以編輯它。,需要使用,Web,瀏覽器，所有網(wǎng)頁(yè)都是由瀏覽器對(duì),HTML,解釋而形成的，瀏覽器負(fù)責(zé)解釋,HTML,文件各種符號(hào)的含義。,HTML,語(yǔ)言獨(dú)立于各種平臺(tái)。,1.2 HTML,標(biāo)簽的基礎(chǔ),1.,基本的,HTML,語(yǔ)法,所有的標(biāo)簽都必須用尖括號(hào)（即小于號(hào),“,”,）括起來(lái)。它以起始標(biāo)簽及結(jié)束標(biāo)簽將元素圍住。,有少數(shù)標(biāo)簽允許只有起始標(biāo)簽沒(méi)有結(jié)束標(biāo)簽。例如：,斷行用的標(biāo)簽：,分段用的標(biāo)簽：,所有被標(biāo)簽包圍的元素都按照標(biāo)簽定義的格式顯示。例如：,歡迎參觀本網(wǎng)頁(yè)！,2.,標(biāo)簽的屬性,大

3、多數(shù)標(biāo)簽都擁有一些屬性，設(shè)置或改變屬性時(shí)，將,“,屬性名,=,值,”,放在標(biāo)簽名的同一個(gè)尖括弧中，而且所有屬性都放置在開(kāi)始標(biāo)簽的尖括號(hào)內(nèi)。,本段落將放置在右端,3.,注釋語(yǔ)句,注釋語(yǔ)句的格式是：,1.3 HTML,文檔的基本結(jié)構(gòu),1.HTML,標(biāo)簽：,.,HTML,標(biāo)簽是全部文檔內(nèi)容的容器,2.,首部標(biāo)簽：,.,首部標(biāo)簽用于提供與,Web,頁(yè)有關(guān)的各種信息。,在首部標(biāo)簽中，常用標(biāo)簽有：,和,標(biāo)簽來(lái)指定網(wǎng)頁(yè)的標(biāo)題,和,標(biāo)簽來(lái)定義,CSS,樣式表,和,標(biāo)簽來(lái)插入腳本,3.,正文標(biāo)簽：,.,正文標(biāo)簽是,html,文檔的主體，該標(biāo)簽中所包含的的文字、圖像、動(dòng)畫、超鏈接以及其他,HTML,元素都將顯示在

4、客戶端的瀏覽器中。,4.HTML,文檔的基本結(jié)構(gòu),表示如下：,標(biāo)題文字,文本、圖像、動(dòng)畫、,HTML,指令等,注：,與,為獨(dú)立的兩個(gè)部分，不能互相嵌套。,1.4 HTML,文檔的編輯工具,HTML,文檔編輯器的選擇：,用的網(wǎng)頁(yè)編輯器，像,Dreamweaver,、,FrontPage,等等，設(shè)計(jì)者可用,“,所見(jiàn)即所得,”,的直觀方法來(lái)創(chuàng)建網(wǎng)頁(yè)。,2.,超鏈接,1,超級(jí)鏈接的概念：,（,1,）超鏈接的含義,“,超鏈接,”,是,HTML,語(yǔ)言的精華。標(biāo)記語(yǔ)言的真正威力在于它的收集能力，將收集來(lái)的文檔組合成一個(gè)完整的信息庫(kù)，通過(guò)鏈接組織起來(lái)。,（,2,）超鏈接的形式,按照目標(biāo)端點(diǎn)的不同，可以將超鏈接

5、分為以下幾種形式：,文件超鏈接：這種鏈接的目標(biāo)是一個(gè)文件，當(dāng)然包括各種文件，如頁(yè)面文件，它可以位于當(dāng)前網(wǎng)頁(yè)所在的服務(wù)器上，此時(shí)可稱為,“,站點(diǎn)內(nèi)頁(yè)面的鏈接,”,；也可以位于其他服務(wù)器，此時(shí)可稱為,“,與站點(diǎn)外頁(yè)面的鏈接,”,。,錨點(diǎn)超鏈接：這種鏈接的目標(biāo)是網(wǎng)頁(yè)中的一個(gè)位置，通過(guò)這種鏈接可以從當(dāng)前網(wǎng)頁(yè)跳轉(zhuǎn)到本頁(yè)面或其他頁(yè)面中的指定位置。,E-mail,鏈接：通過(guò)這種鏈接可以啟動(dòng)電子郵件客戶端程序（如,Outlook,或,FoxMail,等），并允許訪問(wèn)者向指定的地址發(fā)送郵件。,圖像超鏈接：這種鏈接是在圖像上建立若干個(gè)區(qū)域稱為,“,鏈接區(qū),”,，通過(guò)它可以跳轉(zhuǎn)其他目標(biāo)去。,2,常見(jiàn)鏈接的創(chuàng)建：,（

6、,1,）創(chuàng)建錨點(diǎn)鏈接,創(chuàng)建錨點(diǎn)鏈接時(shí)，要在頁(yè)面的某處設(shè)置一個(gè)位置標(biāo)記（即所謂錨點(diǎn)），并給該位置指定一個(gè)名稱，以便在同一頁(yè)面或其他頁(yè)面中引用。,第一步：生成目標(biāo)片段,第二步：創(chuàng)建到該片段的鏈接,第一步：生成目標(biāo)片段,在頁(yè)面中為需要跳轉(zhuǎn)的位置命名，即在該位置上放置一個(gè),A,標(biāo)記并通過(guò),NAME,屬性為該位置指定一個(gè)名稱。,例如，,Section 7,也可以選擇使用,id,屬性，直接在定義標(biāo)簽中嵌入超鏈接目標(biāo)。如：,Section 7,第二步：創(chuàng)建到該片段的鏈接,使用帶,href,屬性的,A,標(biāo)簽來(lái)創(chuàng)建到片段的鏈接，其中,href,屬性值為目標(biāo),URL,，以,“,”,開(kāi)始，以片段名結(jié)束。,例如：,s

7、ee Section 7 for further details.,示例：超鏈接,.htm,（,2,）創(chuàng)建文件超鏈接,在,HTML,語(yǔ)言中，可以使用,A,標(biāo)記的,href,屬性來(lái)創(chuàng)建超鏈接，基本語(yǔ)法格式如下：,文本,當(dāng)前文檔就是源，,href,屬性的值是目標(biāo)。,標(biāo)記的常用屬性：,HREF,：該屬性是必選項(xiàng)，用于指定超鏈接的目標(biāo),URL,。,TARGET,：該屬性是可選項(xiàng)，用于指定一個(gè)窗口或框架的名稱，目標(biāo)文檔將在該窗口或框架中打開(kāi)。,“,_blank,”,指定將鏈接的目標(biāo)文件加載到未命名的新瀏覽器窗口中；,“,_parent,”,指定將鏈接的目標(biāo)文件加載到包含鏈接的父框架頁(yè)或窗口中；,用,“,

8、_self,”,指定將鏈接的目標(biāo)文件加載到鏈接所在的同一框架或窗口中；,用,“,_top,”,指定將鏈接的目標(biāo)文件加載到整個(gè)瀏覽器窗口中，并由此刪除所有框架。,（,3,）,URL,統(tǒng)一資源定位，可以代表,Internet,網(wǎng)上幾乎所要的資源。兩種書寫,URL,：,絕對(duì),URL,：它給出目標(biāo)文件的完整,URL,地址，包括傳輸協(xié)議在內(nèi)。,如果要鏈接的文件位于外部服務(wù)器上，則必須使用絕對(duì)路徑。,相對(duì),URL,：簡(jiǎn)單的文檔地址，系統(tǒng)會(huì)自動(dòng)與,“,基本地址,”,合并成一個(gè)完整的文檔地址。,基本,URL,一般是包含相對(duì),URL,的文檔的,URL,也可能是,標(biāo)簽中指定的其他文檔的,URL,。,如：基本,UR

9、L,為：,http:/ here to learn about the href property.,一般網(wǎng)站設(shè)計(jì)者會(huì)把各種文檔的子目錄和主頁(yè)放在同一個(gè)目錄下。,如某個(gè)文檔的絕對(duì),URL,為,http:/ URL,有兩種格式：,http:/server:port/path#fragment,http:/server:port/path?search,Web,服務(wù)器的默認(rèn),URL,端口為,80,。,http,文檔片段,片段（,fragment,）是一個(gè)指向文檔指定段的標(biāo)識(shí)符。只能應(yīng)用于,HTML,文檔，如為其他文檔類型，則瀏覽器可能會(huì)曲解片段名。,對(duì)于長(zhǎng)文檔來(lái)說(shuō)，片段非常有用。,建議在文檔中每一部分的頭部都添加一個(gè)具有相同意義的片段名，如,top,。,片段可以幫助更輕松的構(gòu)建文檔的目錄。,http:/