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

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

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

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

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

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

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

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

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

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