網(wǎng)頁html代碼詳解

1、第第2章章 HTML語言語言本章要點：本章要點： HTML的基礎知識的基礎知識 常用常用HTML標記標記 XHTML2.1 HTML簡介簡介nHTML（Hyper Text Markup Language）稱為稱為，是一種描述文檔結構的標記，是一種描述文檔結構的標記語言，它是一種應用非常廣泛的語言，它是一種應用非常廣泛的，也，也是最早被用來顯示是最早被用來顯示W(wǎng)eb頁的語言之一。它與操頁的語言之一。它與操作系統(tǒng)平臺的選擇無關，只要有作系統(tǒng)平臺的選擇無關，只要有就可以就可以運行運行HTML文檔，顯示網(wǎng)頁內(nèi)容。文檔，顯示網(wǎng)頁內(nèi)容。nHTML文檔類似于文檔類似于.txt文本文件，不同的是，文文本文件

2、，不同的是，文檔里還包含一種被稱為檔里還包含一種被稱為的符號。的符號。2.1.1 標記的格式標記的格式1. 標記的功能標記的功能n控制網(wǎng)頁的顯示方式控制網(wǎng)頁的顯示方式2. 標記的構成標記的構成n由由 及括在其中的命令字符串組成及括在其中的命令字符串組成 、成對出現(xiàn)，成對出現(xiàn)， 如如、 ，如，如、2.1.1 標記的格式標記的格式3. 標記的使用方法標記的使用方法 (1) 文本或超文本文本或超文本 (2) 文本或超文本文本或超文本 例：例：你好！你好！ (3) 2.1.1 標記的格式標記的格式n書寫書寫HTML代碼時應代碼時應以下幾點：以下幾點：1) HTML標記及屬性中字母標記及屬性中字母不區(qū)分

3、大小寫不區(qū)分大小寫，如，如與與對瀏覽器來說是完全相同的。對瀏覽器來說是完全相同的。2) 標記名與左尖括號之間不能留有空白，如標記名與左尖括號之間不能留有空白，如是錯誤的。是錯誤的。3) 屬性要寫在開始標記的尖括號中，放在標記名后，屬性要寫在開始標記的尖括號中，放在標記名后，并且與標記名之間要有空白；多個屬性之間也要有并且與標記名之間要有空白；多個屬性之間也要有空白；屬性值最好用單引號或雙引號引起來，引號空白；屬性值最好用單引號或雙引號引起來，引號一定要是一定要是英文英文的引號，不能是中文引號。的引號，不能是中文引號。4) 結束標記要書寫正確，不能忘掉斜杠。結束標記要書寫正確，不能忘掉斜杠。2.

4、1.2 HTML文檔結構文檔結構表表2-1 html文件構成骨架文件構成骨架文件開始文件開始頭頭 部部 標題名標題名 其他頭部內(nèi)容定義標記其他頭部內(nèi)容定義標記 主主 體體 網(wǎng)頁內(nèi)容（文本、圖像等網(wǎng)頁內(nèi)容（文本、圖像等) 文件結束文件結束2.1.2 HTML文檔結構文檔結構1. 文件頭部文件頭部之間定義，內(nèi)容可包括標題之間定義，內(nèi)容可包括標題名、文本文件地址、創(chuàng)作者信息等網(wǎng)頁信息說名、文本文件地址、創(chuàng)作者信息等網(wǎng)頁信息說明。明。n文件頭部還可包括一些其他標記：文件頭部還可包括一些其他標記： 定義網(wǎng)頁的標題；定義網(wǎng)頁的標題； ：說明一些與文檔相關的信息，如作：說明一些與文檔相關的信息，如作 者、關

5、鍵內(nèi)容、所用語言等；者、關鍵內(nèi)容、所用語言等；2.1.2 HTML文檔結構文檔結構2. 文件主體文件主體n位于頭部之后，在位于頭部之后，在之間定義，之間定義，定義了網(wǎng)頁上顯示的主要內(nèi)容和顯示格式。定義了網(wǎng)頁上顯示的主要內(nèi)容和顯示格式。n文件主體內(nèi)可包括眾多其他標記。文件主體內(nèi)可包括眾多其他標記。2.1.2 HTML文檔結構文檔結構n標記常用標記常用： background：設置網(wǎng)頁背景圖案。設置網(wǎng)頁背景圖案。 例如例如 bgcolor：設置網(wǎng)頁背景色。設置網(wǎng)頁背景色。 例如例如 text：設置文本顏色，默認黑色。設置文本顏色，默認黑色。 link：設置尚未被訪問過的超文本鏈接的顏色。設置尚未被

6、訪問過的超文本鏈接的顏色。 vlink：設置已被訪問過的超文本鏈接的顏色。設置已被訪問過的超文本鏈接的顏色。2.1.2 HTML文檔結構文檔結構3. 注釋注釋n格式：格式：n注釋以注釋以“”結束，注釋的內(nèi)容會結束，注釋的內(nèi)容會被瀏覽器忽略。利用注釋可以為被瀏覽器忽略。利用注釋可以為HTML文檔的不同文檔的不同部分加上說明，方便日后修改，也可以利用注釋為部分加上說明，方便日后修改，也可以利用注釋為HTML文檔加上版權聲明。文檔加上版權聲明。n注釋可有多行。注釋可有多行。2.1.3 HTML的制作的制作n制作制作HTML文檔需要兩個基本工具，一個文檔需要兩個基本工具，一個HTML編輯器，編輯器，一

7、個一個Web瀏覽器。瀏覽器。nHTML編輯器可分為兩類：編輯器可分為兩類：基于文本或代碼基于文本或代碼的編的編輯器和輯器和所見即所得所見即所得(WYSIWYG)編輯器。前者在編輯器。前者在創(chuàng)建文檔時只能看到創(chuàng)建文檔時只能看到HTML代碼，后者在編輯時代碼，后者在編輯時即顯示出類似于最終瀏覽器窗口顯示的結果。即顯示出類似于最終瀏覽器窗口顯示的結果。nWeb瀏覽器用來瀏覽瀏覽器用來瀏覽HTML文檔，在文檔，在Windows操操作系統(tǒng)上，常用的瀏覽器是作系統(tǒng)上，常用的瀏覽器是Microsoft Internet Explorer，也常簡稱為也常簡稱為IE。2.1.3 HTML的制作的制作用記事本制作

8、網(wǎng)頁的步驟如下：用記事本制作網(wǎng)頁的步驟如下：1) 打開記事本。打開記事本。2) 在記事本中輸入代碼：在記事本中輸入代碼： 我的第一個網(wǎng)頁我的第一個網(wǎng)頁 這是我用記事本做的第一個網(wǎng)頁，我會努力學好這是我用記事本做的第一個網(wǎng)頁，我會努力學好HTML！ 2.1.3 HTML制作工具制作工具3) 保存文件：保存文件：HTML文件的擴展名為文件的擴展名為.htm、.html、.aspx或或asp，因為有些，因為有些Web服務器對中文文件名不服務器對中文文件名不能很好支持，所以文能很好支持，所以文件名中盡量不要使用漢字。件名中盡量不要使用漢字。4) 用瀏覽器打開上步保存的文件，即可看到如圖用瀏覽器打開上步

9、保存的文件，即可看到如圖2.1所示的頁面。所示的頁面。圖圖2.1 第一個網(wǎng)頁第一個網(wǎng)頁2.2 常用常用HTML標記標記 本節(jié)分類介紹常用的本節(jié)分類介紹常用的HTML標記及其常用屬標記及其常用屬性，其它標記的詳細情況請參考相關書籍。性，其它標記的詳細情況請參考相關書籍。2. 字體標記字體標記4. 圖像標記圖像標記6. 表格標記表格標記8. 其他標記其他標記1. 排版標記排版標記3. 列表標記列表標記5. 鏈接標記鏈接標記7. 表單標記表單標記2.2.1 排版標記排版標記1. 段落標記段落標記n用于分段，用于分段，和和之間的文字在同一段落，之間的文字在同一段落，并使并使前段與后段之間加一空白行。前

10、段與后段之間加一空白行。結束標記結束標記可以省略，下一個可以省略，下一個開始意味著上一個開始意味著上一個結束結束 。n的常用屬性的常用屬性align，用來設定段落的對齊方，用來設定段落的對齊方式，可取屬性值有：式，可取屬性值有： left：左對齊；：左對齊； center：居中對齊；：居中對齊； right：右對齊。：右對齊。2.2.1 排版標記排版標記2. 強制換行強制換行n稱為換行標記，在網(wǎng)頁設計中比較常用，稱為換行標記，在網(wǎng)頁設計中比較常用，它的作用就是換行。它的作用就是換行。屬于屬于單標記，單標記，沒有結沒有結束標記，且不包含任何屬性。束標記，且不包含任何屬性。3. 預格式化標記預格式

11、化標記n稱為預格式化標記，它的作用是稱為預格式化標記，它的作用是按原始代按原始代碼的排列方式顯示內(nèi)容。碼的排列方式顯示內(nèi)容。通常情況下，瀏覽器通常情況下，瀏覽器顯示時會忽略內(nèi)容中的空白及換行，而顯示時會忽略內(nèi)容中的空白及換行，而與與之間的空白及換行會被保留。之間的空白及換行會被保留。2.2.1 排版標記排版標記4. 水平線標記水平線標記n稱為水平線標記，可以在頁面中產(chǎn)生一條水稱為水平線標記，可以在頁面中產(chǎn)生一條水平線，沒有結束標記。平線，沒有結束標記。的常用的常用屬性屬性有：有： align：對齊方式，屬性值有對齊方式，屬性值有l(wèi)eft、center、right； width：長度，屬性值可以

12、是絕對值長度，屬性值可以是絕對值(像素像素)或相對或相對值值(百分比百分比) ； size：粗細，屬性值為整數(shù)，單位為像素；粗細，屬性值為整數(shù)，單位為像素； color：顏色。顏色。例：例： 2.2.1 排版標記排版標記5. n稱為居中標記，可以使標記的內(nèi)容居中稱為居中標記，可以使標記的內(nèi)容居中顯示，使用時需要結束標記顯示，使用時需要結束標記。6. n是塊定義標簽，用于定義一個塊的風格。是塊定義標簽，用于定義一個塊的風格。ndiv要有開始標簽要有開始標簽和結束標簽和結束標簽 n當要在許多段落中設置對齊方式時，常用當要在許多段落中設置對齊方式時，常用標標記和記和align屬性。如：屬性。如： 文

13、本或圖像文本或圖像 2.2.1 排版標記排版標記例例2-2 圖圖2.2 排版標記排版標記2.2.2 字體標記字體標記1. 標題標題 標題標題，n可取可取16之間的整數(shù)值之間的整數(shù)值 每個標題標記所標記的文本加粗顯示獨占一行每個標題標記所標記的文本加粗顯示獨占一行且上下保留一空白行，由且上下保留一空白行，由到到字體依次變字體依次變小?？捎脤傩栽O置標題的對齊方式。小。可用屬性設置標題的對齊方式。2.2.2 字體標記字體標記2. 標記標記文本文本 常用屬性：常用屬性： face：用來設定文本的用來設定文本的字體字體，屬性值為逗號隔，屬性值為逗號隔開的字體列表，如果瀏覽器所在機器上沒有安開的字體列表，

14、如果瀏覽器所在機器上沒有安裝指定的任何一種字體，則以瀏覽器默認字體裝指定的任何一種字體，則以瀏覽器默認字體顯示，所以使用時最好不使用特殊字體。顯示，所以使用時最好不使用特殊字體。2.2.2 字體標記字體標記 size：用來設定文本的用來設定文本的大小大小，屬性值可以是絕，屬性值可以是絕對的或相對的，如對的或相對的，如size=“5”是絕對的，表示文本是絕對的，表示文本以以5號字顯示號字顯示; size=“+2”是相對的，表示文本在是相對的，表示文本在原先大小的基礎上再增大原先大小的基礎上再增大2級。級。 size屬性可取屬性可取17之間的整數(shù)值之間的整數(shù)值. color：設定文本的設定文本的顏

15、色顏色。 2.2.2 字體標記字體標記3. 標記標記為為粗體粗體標記，標記，與與之間的文本產(chǎn)生加粗效果。之間的文本產(chǎn)生加粗效果。為為斜體斜體標記，標記，與與之間的文本產(chǎn)生斜體效果。之間的文本產(chǎn)生斜體效果。為加為加下劃線下劃線標記，標記，與與之間的文本顯示時會之間的文本顯示時會加底線。加底線。為加為加刪除線刪除線標記，標記，與與之間的文本顯示時會加之間的文本顯示時會加刪除線。刪除線。注：注：這四個標記都是雙標記，使用時如果忘掉結束標這四個標記都是雙標記，使用時如果忘掉結束標 記，則開始標記對后面的所有文本都起作用。記，則開始標記對后面的所有文本都起作用。2.2.2 字體標記字體標記圖圖2.3 字

16、體標記字體標記例例2-32.2.3 列表標記列表標記1. 無序列表無序列表與與n 定義項目列表的語法為：定義項目列表的語法為： 項項1 項項2 n 的常用屬性只有一個的常用屬性只有一個type，用來，用來設定列表項前面出現(xiàn)的符號，可取屬設定列表項前面出現(xiàn)的符號，可取屬性值有：性值有： disc：列表項前面加上符號；：列表項前面加上符號； circle：列表項前面加上符號；：列表項前面加上符號； square：列表項前面加上符號。：列表項前面加上符號。2.2.3 列表標記列表標記2. 有序列表有序列表與與 定義編號列表的語法為：定義編號列表的語法為： 項項1 項項2 2.2.3 列表標記列表標記

17、 的常用的常用有：有： type：用來設定列表的編號形式，可取屬性值有：用來設定列表的編號形式，可取屬性值有： 1：用阿拉伯數(shù)字：用阿拉伯數(shù)字1，2，3，編號；編號； a：用小寫英文字母：用小寫英文字母a，b，c，編號；編號； A：用大寫英文字母：用大寫英文字母A，B，C，編號；編號； i：用小寫羅馬字母：用小寫羅馬字母，編號；編號； I：用大寫羅馬字母：用大寫羅馬字母，編號。編號。 start：用來設定列表開始編號的位置，不論采用來設定列表開始編號的位置，不論采 用何種編號形式，屬性值都為用何種編號形式，屬性值都為整數(shù)整數(shù)，如，如 start=“3”表示第一項從第表示第一項從第3的位置開始編

18、號。的位置開始編號。2.2.3 列表標記列表標記3. 標記標記 用來標記列表中的一項，需同用來標記列表中的一項，需同或或一一 起使用，它的起使用，它的有：有： type：用來設定列表項的符號，如果用來設定列表項的符號，如果用用 里，屬性取值為里，屬性取值為disc、circle或或square，如果，如果 用在用在里，則屬性取值為里，則屬性取值為1、a、A、i或或I。 value：此屬性僅當此屬性僅當用在用在里有效，屬性值里有效，屬性值 為一為一整數(shù)整數(shù)，用來設定當前項的編號，其后的項目，用來設定當前項的編號，其后的項目 將以此值為起始數(shù)目遞增，前面各項不受影響。將以此值為起始數(shù)目遞增，前面各

19、項不受影響。2.2.3 列表標記列表標記例例2-4圖圖2.4 列表標記列表標記2.2.4 圖像標記圖像標記1. 圖像文件的格式圖像文件的格式 常用圖片格式：常用圖片格式：png、jpeg、gif、bmp。2. 加入圖像加入圖像 常用常用 src：圖像文件。圖像文件。 alt：替代文本。替代文本。 height：高度；高度；width：寬度。寬度。 border：邊框寬度。邊框寬度。 vspace：垂直邊距；垂直邊距；hspace：水平邊距。水平邊距。2.2.4 圖像標記圖像標記 align：圖像與文本的對齊方式，圖像與文本的對齊方式，可取值為：可取值為： top：文本與圖像頂部對齊；：文本與圖

20、像頂部對齊； middle：文本與圖像中央對齊；：文本與圖像中央對齊； bottom：文本與圖像底部對齊；：文本與圖像底部對齊； left：圖像居左；：圖像居左； right：圖像居右。：圖像居右。例例2-52.2.4 圖像標記圖像標記絕對路徑絕對路徑n指定文檔或文件的完整地址。指定文檔或文件的完整地址。相對路徑相對路徑n相對路徑又分為相對路徑又分為和和，根相對路徑總是以站點根目錄根相對路徑總是以站點根目錄“/”為起始目錄，為起始目錄，寫起來比較簡單；寫起來比較簡單；文檔相對路徑是以當前文件文檔相對路徑是以當前文件所在路徑為起始目錄，進行相對的文件查找。所在路徑為起始目錄，進行相對的文件查找。

21、2.2.4 圖像標記圖像標記文檔相對路徑的幾種形式：文檔相對路徑的幾種形式：同一個目錄中的文件：同一個目錄中的文件：如果源文件和目標文件如果源文件和目標文件在同一個目錄里，直接寫目標文件名即可。在同一個目錄里，直接寫目標文件名即可。表示上級目錄：表示上級目錄： 表示源文件所在表示源文件所在目錄目錄的上一的上一級目錄，級目錄，表示源文件所在目錄的上上級目表示源文件所在目錄的上上級目錄，以此類推。錄，以此類推。表示下級目錄：表示下級目錄：直接寫下級目錄文件的路徑即直接寫下級目錄文件的路徑即可?？?。2.2.4 圖像標記圖像標記 例例2-6：假設有如：假設有如圖圖2.5所示的目錄結構，所示的目錄結構，

22、其中其中root、web、a、b、c為文件夾，為文件夾，t.htm、1.gif、2.gif等為相應文等為相應文件夾中的文件，怎樣在件夾中的文件，怎樣在t.htm頁中分別插入頁中分別插入1至至5這五個圖片？這五個圖片？圖圖2.5 目錄結構目錄結構2.2.4 圖像標記圖像標記 使用使用文檔相對路徑文檔相對路徑在在t.htm中分別插入中分別插入5幅圖片：幅圖片：圖圖2.5 目錄結構目錄結構u在站點內(nèi)，通常都采用文檔相在站點內(nèi)，通常都采用文檔相對路徑，對路徑，2.2.5 鏈接標記鏈接標記n定義鏈接的語法定義鏈接的語法文本或圖片文本或圖片n常用常用 href：鏈接的目標，指定一個鏈接的目標，指定一個UR

23、L作為有效作為有效的鏈接資源的地址。的鏈接資源的地址。 name：錨點的名字。錨點的名字。 target：目標窗口，保留目標名有目標窗口，保留目標名有_blank、_parent、_top、_self。例例2-72.2.5 鏈接標記鏈接標記n如果指定的目標文件存放在外部網(wǎng)站（本服務如果指定的目標文件存放在外部網(wǎng)站（本服務器以外），只能使用器以外），只能使用絕對路徑絕對路徑，這種與本服務，這種與本服務器以外的文件的鏈接稱為器以外的文件的鏈接稱為。n如果目標文件存放在本地服務器，稱為如果目標文件存放在本地服務器，稱為，局部鏈接可以使用絕對路徑，但建議，局部鏈接可以使用絕對路徑，但建議最好最好使用相

24、對路徑使用相對路徑。2.2.5 鏈接標記鏈接標記 同一個目錄中文件的鏈接同一個目錄中文件的鏈接例：源文件例：源文件info.html，在在info.html里點擊里點擊“主頁主頁”鏈接到目標文件鏈接到目標文件index.html。 假設假設info.html路徑是：路徑是：c:Inetpubwwwrootsitesblablainfo.html 假設假設index .html路徑是：路徑是：c:Inetpubwwwrootsitesblablaindex.html 在在info.html加入加入index.html超鏈接的代碼：超鏈接的代碼： 主頁主頁2.2.5 鏈接標記鏈接標記 表示上級目錄

25、表示上級目錄例：假設例：假設info.html路徑是：路徑是： c :Inetpubwwwrootsitesblablainfo.html 假設假設index.html路徑是：路徑是：c:Inetpubwwwrootsitesindex.html 在在info.html加入加入index .html超鏈接：超鏈接： 主頁主頁2.2.5 鏈接標記鏈接標記例：假設例：假設info.html路徑是：路徑是： c:Inetpubwwwrootsitesblablainfo.html 假設假設index.html路徑是：路徑是：c:Inetpubwwwrootindex .html 在在info.htm

26、l加入加入index .html超鏈接：超鏈接： 主頁主頁2.2.5 鏈接標記鏈接標記例：假設例：假設info.html路徑是：路徑是：c:Inetpubwwwrootsitesblablainfo.html 假設假設index.html路徑是：路徑是：c:Inetpubwwwrootsiteswowstoryindex.html 在在info .html加入加入index.html超鏈接：超鏈接： 主頁主頁2.2.5 鏈接標記鏈接標記 表示下級目錄表示下級目錄例：假設例：假設info .html路徑是：路徑是：c :Inetpubwwwrootsitesblablainfo.html 假設假

27、設index.html路徑是：路徑是：c:Inetpubwwwrootsitesblablahtmlindex.html 在在info.html加入加入index.html超鏈接：超鏈接： 主頁主頁2.2.5 鏈接標記鏈接標記1. 鏈接網(wǎng)頁：鏈接網(wǎng)頁：文本或圖像文本或圖像2. 鏈接命名錨點：鏈接命名錨點： 字符串字符串 value值即值即錨名錨名，是定義的定位位置名，是定義的定位位置名 熱點文本熱點文本 點擊點擊“熱點文本熱點文本”鏈接到錨名所指定的位鏈接到錨名所指定的位置置 例例top 例例2-82.2.5 鏈接標記鏈接標記3. 鏈接非鏈接非Web數(shù)據(jù)：數(shù)據(jù)：簡歷簡歷4. 圖像鏈接：圖像鏈接

28、： 5. 電子郵件鏈接：電子郵件鏈接：聯(lián)系聯(lián)系2.2.6 表格標記表格標記n表格現(xiàn)已成為對文本和圖形進行表格現(xiàn)已成為對文本和圖形進行布局布局的強有力的的強有力的工具。工具。nHTML中一個表格通常由中一個表格通常由三個標記來定義，分別表示表格、行、單元格。三個標記來定義，分別表示表格、行、單元格。n在對表格進行設置時，可以設置整個表格在對表格進行設置時，可以設置整個表格或表格中的行或表格中的行或單元格或單元格的屬性，的屬性，它們優(yōu)先順序為：單元格它們優(yōu)先順序為：單元格優(yōu)先于行優(yōu)先于行，行，行優(yōu)先于表格優(yōu)先于表格。2.2.6 表格標記表格標記1. 基本基本 表項表項1 表項表項2 表項表項1 表

29、項表項2 2.2.6 表格標記表格標記(1) 標記標記n整個表格始于整個表格始于而終于而終于，是一個容，是一個容器標記，器標記，、等只能在它的范圍內(nèi)使用。等只能在它的范圍內(nèi)使用。n常用的常用的有：有： width=“n|n%”：表格寬度。表格寬度。 height =“n” ：表格高度。表格高度。 border=“n”：表格邊框粗細。表格邊框粗細。 bordercolor：表格邊框顏色。表格邊框顏色。2.2.6 表格標記表格標記 bgcolor：表格背景顏色。表格背景顏色。 background：表格背景圖像。表格背景圖像。 cellpadding：邊距，表單元線和單元格內(nèi)數(shù)據(jù)邊距，表單元線和單

30、元格內(nèi)數(shù)據(jù)之間的距離。之間的距離。 cellspacing：間距，表單元線與邊框間的空白。間距，表單元線與邊框間的空白。 align=“l(fā)eft/right/center”：表格水平對齊方式。表格水平對齊方式。 rules：設定有無表格線。設定有無表格線。 frame：設定有無邊框。設定有無邊框。2.2.6 表格標記表格標記(2) 標記標記n定義定義表格表格，是單元格，是單元格(或或)的容器。的容器。n常用常用有：有： align=“l(fā)eft/right/center”：這一行單元格中這一行單元格中內(nèi)容的水平對齊方式。內(nèi)容的水平對齊方式。 valign=“top/middle/bottom”：

31、用來設定這用來設定這一行單元格中內(nèi)容的垂直對齊方式。一行單元格中內(nèi)容的垂直對齊方式。 bgcolor：這一行的背景顏色。這一行的背景顏色。 2.2.6 表格標記表格標記(3) 標記標記標記，使用時要放在標記，使用時要放在與與之間。之間。n常用常用有：有： background：背景圖像。背景圖像。 bgcolor：背景顏色。背景顏色。 align：水平對齊方式。水平對齊方式。 valign：垂直對齊方式。垂直對齊方式。 width：寬度。寬度。 height：高度。高度。 colspan：跨列數(shù)目?？缌袛?shù)目。 rowspan：跨行數(shù)目。跨行數(shù)目。2.2.6 表格標記表格標記2. 表題表題n使用

32、標記使用標記給表格添加表題，并使用給表格添加表題，并使用align屬性定義表題的位置。屬性定義表題的位置。 表題表題2.2.6 表格標記表格標記3. 表頭表頭使用標記使用標記可在表的第可在表的第1行或第行或第1列加表頭，列加表頭， 表項表項1 表項表項2 表項表項1 表項表項2 例例2-9 表項表項1 表項表項2 表項表項1 表項表項2 2.2.6 表格標記表格標記4.單元格的合并單元格的合并(1)合并行合并行 表項表項 或或 表項表項 x為為垂直垂直方向上合并的行數(shù)方向上合并的行數(shù)(2)合并列合并列 表項表項 或或 表項表項 x為為水平水平方向上合并的單元格數(shù)方向上合并的單元格數(shù)2.2.6

33、表格標記表格標記圖圖2.7 表格標記表格標記例例2-10 2.2.6 表格標記表格標記圖圖2.6 表格標記表格標記例例2-112.2.7 表單標記表單標記 表單是用戶與網(wǎng)站進行表單是用戶與網(wǎng)站進行交互交互的主要方式，它的主要方式，它的的作用是從訪問作用是從訪問Web站點的用戶那里獲取信息。站點的用戶那里獲取信息。訪問者可以使用諸如文本框、列表框、復選框以訪問者可以使用諸如文本框、列表框、復選框以及單選按鈕之類的表單對象輸入信息，然后單擊及單選按鈕之類的表單對象輸入信息，然后單擊某個按鈕提交這些信息。某個按鈕提交這些信息。2.2.7 表單標記表單標記1. 標記標記 表單對象：表單對象： 文本框文

34、本框 選擇按鈕選擇按鈕 列表框列表框 按鈕按鈕 2.2.7 表單標記表單標記n標記常用標記常用 action：表單數(shù)據(jù)的處理手段表單數(shù)據(jù)的處理手段。 method：表單數(shù)據(jù)傳輸方法，取值為表單數(shù)據(jù)傳輸方法，取值為get或或post。get：表單數(shù)據(jù)附加到：表單數(shù)據(jù)附加到URL中。中。post：表單數(shù)據(jù)嵌入：表單數(shù)據(jù)嵌入HTTP 請求中。請求中。2.2.7 表單標記表單標記2.表單對象表單對象(1) 文本框文本框用于單行文本的輸入。用于單行文本的輸入。常用常用name、value、size、maxlength等。等。(2) 密碼框密碼框常用常用name、value、size、maxlength等

35、。等。2.2.7 表單標記表單標記(3) 單選按鈕單選按鈕常用常用name、value、checked等。等。同一組中所有單選按鈕的同一組中所有單選按鈕的name屬性必須設屬性必須設 置相同。置相同。(4) 復選框復選框常用常用name、value、checked等。等。n value屬性用來設置當用戶選中該項后，表單所提屬性用來設置當用戶選中該項后，表單所提交的值交的值。2.2.7 表單標記表單標記(5) 按鈕按鈕 常用屬性：常用屬性：name、value等。等。 常用屬性：常用屬性：name、value等。等。 常用屬性：常用屬性：name、value等。等。 常用屬性：常用屬性：name

36、、src、width、height、alt等。等。2.2.7 表單標記表單標記(6) 列表框列表框 選項選項1選項選項2 2.2.7 表單標記表單標記n的屬性：的屬性：name，等；等； size沒設置或設為沒設置或設為1，為，為下拉列表框下拉列表框；size設設置大于置大于1，為，為列表框列表框。 multiple不用賦值，若加入標記中，則列表不用賦值，若加入標記中，則列表框可選多項?？蚩蛇x多項。n的屬性：的屬性：value，selected等。等。2.2.7 表單標記表單標記(7) 文本區(qū)域：文本區(qū)域： 可輸入多行文本?？奢斎攵嘈形谋?。文本文本n常用常用name、rows、cols、wrap