第三講用HTML建立超鏈接和表格

1、2超鏈接1.1 鏈接的基本概念1.2 目錄和目錄結(jié)構(gòu)1.3 使用創(chuàng)建鏈接1.4 創(chuàng)建到電子郵箱1.5 以圖像作為鏈接31.1 鏈接的基本概念n 什么是鏈接？l是Web與其他媒體最本質(zhì)的不同之處。l是用戶在組成Web站點(diǎn)的多個(gè)頁面之間切換的途徑。l是用戶從本站點(diǎn)訪問其他站點(diǎn)和其他媒體的途徑。n 鏈接由什么組成？l目的地（destination）：訪問者點(diǎn)擊鏈接時(shí)將會切換到的網(wǎng)頁 或媒體，又稱錨（anchor）。l標(biāo)簽（label）：提供給訪問者的點(diǎn)擊處，可以是文本、圖像 或者兩者兼有。l顯示目標(biāo)（target）：指定目的地出現(xiàn)的窗口或框架。41.2 目錄和目錄結(jié)構(gòu) n目錄：分類存放站點(diǎn)網(wǎng)頁使用到

2、的各種文件。n目錄結(jié)構(gòu)：多個(gè)目錄之間的組織關(guān)系。l根目錄：保存站點(diǎn)的主目錄l子目錄：位于其他目錄中的目錄l父目錄：包含其他目錄的目錄n示例：我的站點(diǎn)是（ ）目錄 我的站點(diǎn)是圖書的 （ ）目錄 圖書是音樂的 （ ）目錄下載是音樂的 （ ）目錄根父子平行51.2 目錄和目錄結(jié)構(gòu)文件在目錄結(jié)構(gòu)中的位置使用URL表示n 絕對地址（絕對URL）： 顯示文件的完整路徑，包括 協(xié)議模式、服務(wù)器名稱、 完整路徑 和 文件名。n 相對地址（相對URL）： 以包含URL本身的文件的位置為參照點(diǎn)， 描述目標(biāo)文件的位置。p上級文件 父目錄: 使用./ 回溯到上一級父目錄p同一目錄 平行目錄: 不需指定任何內(nèi)容p下級文

3、件 子目錄: 使用子目錄名/引用http:/ 表示簡潔 2. 修改站點(diǎn)域名或目錄名時(shí)，不需修改其子目錄下的所有鏈接。61.3 利用創(chuàng)建鏈接n 目的：建立從當(dāng)前頁面到目的文件的鏈接n 語法格式：n 注意：l目的文件若在本站點(diǎn)內(nèi)，適合使用相對路徑 目的文件若在其他站點(diǎn)內(nèi)，適合使用絕對路徑l頁面上顯示的鏈接文本將被自動加上下劃線l該鏈接文本也可以是圖像文件 當(dāng)前頁面上供單擊的鏈接文本當(dāng)前頁面上供單擊的鏈接文本7創(chuàng)建到另一頁面的鏈接n 目的：建立從當(dāng)前頁面到目的頁面的鏈接n 語法格式：n 注意：l目的頁面文件若在本站點(diǎn)內(nèi)，適合使用相對URLl目的頁面文件若在其他站點(diǎn)內(nèi)，適合使用絕對URL 當(dāng)前頁面上供

4、單擊的鏈接文本示例8創(chuàng)建到本頁面某個(gè)位置的鏈接n 目的：在長文本頁面內(nèi)，可能需要在各個(gè)部分間跳轉(zhuǎn)，方便閱讀。n 基本概念：l 源錨點(diǎn)：頁面上可以單擊的鏈接l 目的地錨點(diǎn)：源鏈接指向的特定位置n 方法：第一步：在目的地錨點(diǎn)處使用 目的地錨點(diǎn)文本 第二步：在源錨點(diǎn)處使用源錨點(diǎn)文本(當(dāng)前頁面上供單擊的鏈接文本)注意：一個(gè)頁面中的id(或name)屬性值必須唯一。示例91.4 創(chuàng)建電子郵件的鏈接n格式：n示例： 當(dāng)前頁面上供單擊的鏈接文本需要咨詢請聯(lián)系我10設(shè)置鏈接的屬性targetn 作用：指定包含在鏈接目標(biāo)文件顯示的位置n 語法格式：n 屬性值： 當(dāng)前頁面上供單擊的鏈接文本_blank在新窗口中打

5、開鏈接_parent在父窗體中打開鏈接_self在當(dāng)前窗體打開鏈接,此為默認(rèn)值_top在當(dāng)前窗體打開鏈接，并替換當(dāng)前的整個(gè)窗體(框架頁)框架名在對應(yīng)框架頁中打開11設(shè)置鏈接的屬性更改顏色n 由標(biāo)簽中的一組相關(guān)屬性設(shè)置n 各屬性及作用：n 示例：屬性名作用默認(rèn)值text屬性非可鏈接文字的顏色黑色link屬性可鏈接文字的顏色藍(lán)色vlink屬性已經(jīng)被訪問過的可鏈接文字的顏色粟色alink屬性正被單擊的可鏈接文字的顏色紅色 鏈接文本 示例121.5 以圖像作為鏈接n作用：單擊圖像實(shí)現(xiàn)鏈接到其他文件n格式：n說明：l把圖像創(chuàng)建為鏈接用以實(shí)現(xiàn)導(dǎo)航按鈕l圖像元素仍然可以使用圖像的所有屬性 示例13圖像映射n

6、 服務(wù)器端圖像映射：l 服務(wù)器的腳本文件處理用戶單擊的位置坐標(biāo)指示鏈接的目標(biāo)頁面。l 具體實(shí)現(xiàn)方法依賴于服務(wù)器類型及腳本。n 客戶端圖像映射： 瀏覽器根據(jù)用戶單擊的位置指示鏈接的目標(biāo)頁面。 可用HTML（XHTML）代碼實(shí)現(xiàn)。n 本次僅討論客戶端圖像映射的實(shí)現(xiàn)。14客戶端圖像映射n 實(shí)現(xiàn)方法：n 第一步：使用插入作為地圖的圖片 n 第二步：用畫圖工具找到并記下熱點(diǎn)區(qū)域需要的各點(diǎn)坐標(biāo)n 第三步：設(shè)置和元素，定義映射圖 15area元素設(shè)置n shape屬性和coords屬性shape值創(chuàng)建的形狀所需熱點(diǎn)區(qū)域點(diǎn)坐標(biāo)default沒有定義區(qū)域 無rectangle (rect)矩形左上角、右下角（共

7、4個(gè)數(shù)字）circle (circ)圓形圓心、半徑（共3個(gè)數(shù)字）polygon (poly)多邊形每個(gè)頂點(diǎn)一對坐標(biāo)，自動閉合示例使用映射圖n使用映射圖：n圖像使用原則n1. 在設(shè)計(jì)網(wǎng)頁時(shí)，應(yīng)該反復(fù)斟酌哪些圖像必須要，哪些圖像可有可無，對于那些不是必需的圖像，要舍得忍痛割愛； n2. 把圖像盡量做得小一點(diǎn)n1. 同時(shí)使用圖像和ALT的純文本格式16示例二、表格 2.1 定義表格的基本語法2.2 表格的定義 2.3 表格行的控制 2.4 單元格的控制 2.5 表格的分組 2.6 設(shè)置表格的標(biāo)題caption 2.1 2.1 定義表格的基本語法定義表格的基本語法 在在HTML中，表格的建立將中，表格

8、的建立將運(yùn)用運(yùn)用、四個(gè)標(biāo)簽完成。四個(gè)標(biāo)簽完成。 定義表格標(biāo)簽 標(biāo)簽用于定義一個(gè)表格元素，標(biāo)簽用于定義一個(gè)表格元素，一個(gè)表格元素，是由數(shù)個(gè)橫行一個(gè)表格元素，是由數(shù)個(gè)橫行（）、單元格（）、單元格（）與表頭）與表頭單元格（單元格（）子元素所組成。）子元素所組成。定義表行標(biāo)簽 標(biāo)簽用于定義表格的一行，在標(biāo)簽用于定義表格的一行，在一組一組標(biāo)簽內(nèi)可建立一行表格，標(biāo)簽內(nèi)可建立一行表格，也可以包含數(shù)組由也可以包含數(shù)組由或或標(biāo)簽標(biāo)簽所定義的單元格。所定義的單元格。定義單元格標(biāo)簽標(biāo)簽用于定義表格的單元格，標(biāo)簽用于定義表格的單元格，標(biāo)簽必須放在標(biāo)簽必須放在標(biāo)簽內(nèi)。標(biāo)簽內(nèi)。數(shù)據(jù)標(biāo)簽數(shù)據(jù)標(biāo)簽是成對出現(xiàn)標(biāo)簽，首標(biāo)簽是成對

9、出現(xiàn)標(biāo)簽，首標(biāo)簽和尾標(biāo)簽和尾標(biāo)簽之間的內(nèi)容就是該單之間的內(nèi)容就是該單元格中的具體數(shù)據(jù)。元格中的具體數(shù)據(jù)。注：在一個(gè)最基本的表格元素中，必須包注：在一個(gè)最基本的表格元素中，必須包含一組含一組標(biāo)簽、一組標(biāo)簽、一組標(biāo)簽與一標(biāo)簽與一組組標(biāo)簽。標(biāo)簽。 定義表頭標(biāo)簽 例子標(biāo)簽用于定義表格內(nèi)的表頭單標(biāo)簽用于定義表格內(nèi)的表頭單元格，此單元格中的文字將以粗體元格，此單元格中的文字將以粗體的方式顯示的方式顯示標(biāo)簽是成對出現(xiàn)標(biāo)簽，首標(biāo)簽標(biāo)簽是成對出現(xiàn)標(biāo)簽，首標(biāo)簽和尾標(biāo)簽和尾標(biāo)簽之間的內(nèi)容就是之間的內(nèi)容就是位于該單元格的表頭元素內(nèi)容。位于該單元格的表頭元素內(nèi)容。在一個(gè)表格的定義語法中也可以不在一個(gè)表格的定義語法中也可

10、以不使用使用標(biāo)簽，定義表頭單元格。標(biāo)簽，定義表頭單元格。 是用于定義一個(gè)表格元素的標(biāo)簽。是用于定義一個(gè)表格元素的標(biāo)簽。標(biāo)簽的屬性主要有標(biāo)簽的屬性主要有border、bordercolor、bordercolorlight、bordercolordark、width、height、align、bgcolor、background、cellapacing、cellpadding、frame和和rules，它們都是可選，它們都是可選的。的。2.2 2.2 表格的定義表格的定義 設(shè)置邊框尺寸的語法如下：設(shè)置邊框尺寸的語法如下： border屬性的參數(shù)值是數(shù)字，屬性的參數(shù)值是數(shù)字，表示表格表示表格邊框?qū)?/p>

11、度邊框?qū)挾人嫉南袼攸c(diǎn)數(shù)。例如，所占的像素點(diǎn)數(shù)。例如，表示表格的邊框?qū)挾葹楸硎颈砀竦倪吙驅(qū)挾葹?0個(gè)像個(gè)像素點(diǎn)。素點(diǎn)。2.2.1 2.2.1 設(shè)置表格邊框的尺寸設(shè)置表格邊框的尺寸borderborder 設(shè)置表格邊框顏色的基本語法如下：設(shè)置表格邊框顏色的基本語法如下： 設(shè)置表格邊框顏色的亮度的基本語法如下：設(shè)置表格邊框顏色的亮度的基本語法如下： 其中，其中，“#”取值為取值為16進(jìn)制的顏色代碼，進(jìn)制的顏色代碼，其代碼可參見顏色代碼表。其代碼可參見顏色代碼表。2.2.2 2.2.2 設(shè)置表格邊框的顏色設(shè)置表格邊框的顏色2.2.3 2.2.3 設(shè)置表格的尺寸設(shè)置表格的尺寸width/heightw

12、idth/height 設(shè)置表格尺寸的語法如下：設(shè)置表格尺寸的語法如下： width和和height屬性的作用是指定表格的大屬性的作用是指定表格的大小。其中小。其中width屬性用以規(guī)定表格的寬度，屬性用以規(guī)定表格的寬度，height屬性用以規(guī)定表格的高度屬性用以規(guī)定表格的高度。這兩個(gè)屬。這兩個(gè)屬性的參數(shù)值性的參數(shù)值可以是數(shù)字或百分?jǐn)?shù)可以是數(shù)字或百分?jǐn)?shù)2.2.3 2.2.3 設(shè)置表格的尺寸設(shè)置表格的尺寸width/heightwidth/height例：例：表示該表格的寬度為表示該表格的寬度為200個(gè)像素點(diǎn)，高度個(gè)像素點(diǎn)，高度為為瀏覽器窗口瀏覽器窗口高度的高度的50%。 設(shè)置表格的位置的基本語

13、法如下：設(shè)置表格的位置的基本語法如下： align屬性的參數(shù)值為屬性的參數(shù)值為left、center和和right之一，分別之一，分別 表示表格位于其相鄰文表示表格位于其相鄰文字的左側(cè)、表格水平居中和表格位于與字的左側(cè)、表格水平居中和表格位于與其相鄰的文字右側(cè)。其相鄰的文字右側(cè)。2.2.4 2.2.4 設(shè)置表格的位置設(shè)置表格的位置alignalign2.2.5 2.2.5 設(shè)置表格的背景顏色或背景圖像設(shè)置表格的背景顏色或背景圖像 設(shè)置表格的背景顏色或背景圖像的基本設(shè)置表格的背景顏色或背景圖像的基本語法如下：語法如下： 其中，其中，“#”取值為取值為16進(jìn)制的顏色代碼。進(jìn)制的顏色代碼。2.2.6

14、 2.2.6 設(shè)置格框線設(shè)置格框線的寬度的寬度cellspacingcellspacing 設(shè)置格框線寬度的語法如下：設(shè)置格框線寬度的語法如下： 在在格與格之間有間隔線，稱其為格框格與格之間有間隔線，稱其為格框線線。使用。使用 cellspacing屬性可以指定格框線屬性可以指定格框線的寬度。的寬度。 該屬性的參數(shù)值取像素值，該屬性的參數(shù)值取像素值，默認(rèn)值為默認(rèn)值為2。加寬了格框線，表格會變得大一些。加寬了格框線，表格會變得大一些。2.2.7 2.2.7 設(shè)置格框與設(shè)置格框與內(nèi)容的空隙內(nèi)容的空隙cellpaddingcellpadding 設(shè)置格框與內(nèi)容的空隙的語法如下：設(shè)置格框與內(nèi)容的空隙的

15、語法如下： cellpadding屬性用于指定單元格內(nèi)容與屬性用于指定單元格內(nèi)容與單元格邊界之間空白距離的大小單元格邊界之間空白距離的大小。該屬性。該屬性的參數(shù)值取像素值，表示單元格內(nèi)容與上的參數(shù)值取像素值，表示單元格內(nèi)容與上下邊界之間空白距離的高度所占的像素點(diǎn)下邊界之間空白距離的高度所占的像素點(diǎn)數(shù)以及單元格內(nèi)容與左右邊界之間空白距數(shù)以及單元格內(nèi)容與左右邊界之間空白距離的寬度所占的像素點(diǎn)數(shù)。離的寬度所占的像素點(diǎn)數(shù)。 設(shè)置表格的左邊框、右邊框、上邊框、下邊框?yàn)轱@示設(shè)置表格的左邊框、右邊框、上邊框、下邊框?yàn)轱@示或者隱藏?；蛘唠[藏。設(shè)置表格邊框顯示狀態(tài)的基本語法如下：設(shè)置表格邊框顯示狀態(tài)的基本語法如

16、下： 顯示整個(gè)表格邊框顯示整個(gè)表格邊框 不顯示表格邊框不顯示表格邊框 只顯示表格的上下邊框只顯示表格的上下邊框 只顯示表格的左右邊框只顯示表格的左右邊框 只顯示表格的上邊框只顯示表格的上邊框 只顯示表格的下邊框只顯示表格的下邊框 只顯示表格的左邊框只顯示表格的左邊框 只顯示表格的右邊框只顯示表格的右邊框 2.2.8 2.2.8 設(shè)置表格設(shè)置表格邊框的顯示狀態(tài)邊框的顯示狀態(tài)frameframe2.2.9 2.2.9 設(shè)置分隔線的顯示狀態(tài)設(shè)置分隔線的顯示狀態(tài)rulesrules設(shè)置表格中分隔線的顯示狀態(tài)設(shè)置表格中分隔線的顯示狀態(tài)，各種效果如圖所示。，各種效果如圖所示。 設(shè)置表格中分隔線的顯示狀態(tài)的

17、基本語法如下：設(shè)置表格中分隔線的顯示狀態(tài)的基本語法如下： 顯示所有分隔線顯示所有分隔線 只顯示組與組的分隔線只顯示組與組的分隔線 只顯示行與行的分隔線只顯示行與行的分隔線 只顯示列與列的分隔線只顯示列與列的分隔線 所有分隔線都不顯示所有分隔線都不顯示 2.3 2.3 表格行的控制表格行的控制 HTML中的表格是按行組織的。一個(gè)表中的表格是按行組織的。一個(gè)表格由幾行組成，就要有幾個(gè)行標(biāo)簽與之相格由幾行組成，就要有幾個(gè)行標(biāo)簽與之相應(yīng)對。應(yīng)對。標(biāo)簽有標(biāo)簽有height、bordercolor、bgcolor、align和和valign屬性，它們都是可屬性，它們都是可選的。選的。 height屬性可控

18、制表格內(nèi)某行的高度屬性可控制表格內(nèi)某行的高度，此屬性的設(shè)置語法如下：此屬性的設(shè)置語法如下： 數(shù)值的設(shè)置值為一整數(shù)，其單位為像數(shù)值的設(shè)置值為一整數(shù)，其單位為像素（素（Pixel）。）。2.1 2.1 設(shè)置行的高度設(shè)置行的高度heightheight bordercolor屬性用于控制表格某行屬性用于控制表格某行內(nèi)邊框顏色內(nèi)邊框顏色，此屬性的設(shè)置語法如下：，此屬性的設(shè)置語法如下： 其中，其中，“#”取值為取值為16進(jìn)制的顏色代進(jìn)制的顏色代碼。碼。2.1.2 2.1.2 設(shè)置行內(nèi)框的顏色設(shè)置行內(nèi)框的顏色bordercolorbordercolor bgcolor屬性可以控制表格中該行屬性可以控制表格

19、中該行單元格的背景顏色單元格的背景顏色，設(shè)置語法如下：，設(shè)置語法如下： 其中，其中，“#”取值為取值為16進(jìn)制的顏色代進(jìn)制的顏色代碼。碼。 2.1.3 2.1.3 設(shè)置行的背景顏色設(shè)置行的背景顏色bgcolorbgcolor align屬性可以控制表格中該行單元格內(nèi)屬性可以控制表格中該行單元格內(nèi)文字的水平對齊方式文字的水平對齊方式，設(shè)置語法如下：，設(shè)置語法如下： 其中，參數(shù)值為其中，參數(shù)值為left、center、right之之一，分別表示該行中各單元格內(nèi)容是左對一，分別表示該行中各單元格內(nèi)容是左對齊、水平居中和右對齊的。齊、水平居中和右對齊的。align屬性的缺屬性的缺省值為省值為left。

20、 2.1.4 2.1.4 設(shè)置行的設(shè)置行的文字水平對齊方式文字水平對齊方式alignalign40valign屬性可以控制表格中該行單元屬性可以控制表格中該行單元格內(nèi)文字的垂直方向?qū)R方式格內(nèi)文字的垂直方向?qū)R方式，設(shè)置語法，設(shè)置語法如下：如下： 其中，參數(shù)值為其中，參數(shù)值為top、middle和和bottom之一，分別表示該行中各單元格內(nèi)容是上之一，分別表示該行中各單元格內(nèi)容是上對齊、垂直居中和下對齊的。對齊、垂直居中和下對齊的。valign屬性的屬性的缺省值為缺省值為middle。2.1.5 2.1.5 設(shè)置行的文字設(shè)置行的文字垂直對齊方式垂直對齊方式valignvalign41和和標(biāo)簽都

21、是用于規(guī)定單元格內(nèi)容標(biāo)簽都是用于規(guī)定單元格內(nèi)容的。除了表頭元素是以粗體顯示這一點(diǎn)外，的。除了表頭元素是以粗體顯示這一點(diǎn)外，表頭元素和具體數(shù)據(jù)元素幾乎沒有什么區(qū)表頭元素和具體數(shù)據(jù)元素幾乎沒有什么區(qū)別。別。和和標(biāo)簽的所有屬性及相應(yīng)的屬性標(biāo)簽的所有屬性及相應(yīng)的屬性功能是完全一樣的。功能是完全一樣的。 和和標(biāo)簽的屬標(biāo)簽的屬性有性有bordercolor、bgcolor、background、width、align、valign、rowspan、colspan，它們都是可選的。它們都是可選的。2.4 2.4 單元格的控制單元格的控制42 當(dāng)當(dāng)bordercolor屬性設(shè)置在屬性設(shè)置在或或標(biāo)標(biāo)簽中時(shí)，將可

22、控制表格內(nèi)某單元格的邊框簽中時(shí)，將可控制表格內(nèi)某單元格的邊框顏色顏色，此屬性的設(shè)置語法如下：，此屬性的設(shè)置語法如下： 其中，其中，“#”取值為取值為16進(jìn)制的顏色代碼。進(jìn)制的顏色代碼。2.4.1 2.4.1 設(shè)置單元格設(shè)置單元格邊框的顏色邊框的顏色bordercolorbordercolor43 當(dāng)當(dāng)bgcolor/background屬性使用在屬性使用在或或標(biāo)簽時(shí)，可以控制表格中某單元格標(biāo)簽時(shí)，可以控制表格中某單元格的背景顏色和背景圖像的背景顏色和背景圖像，設(shè)置語法如下：，設(shè)置語法如下： 或或 其中其中“#”的取值為的取值為16進(jìn)制顏色代碼。進(jìn)制顏色代碼。2.4.2 2.4.2 設(shè)置單元格的

23、設(shè)置單元格的背景顏色和背景圖像背景顏色和背景圖像44 當(dāng)當(dāng)width屬性設(shè)置在屬性設(shè)置在或或標(biāo)簽中時(shí)，標(biāo)簽中時(shí)，可控制表格中某單元格的寬度，設(shè)置語法可控制表格中某單元格的寬度，設(shè)置語法如下：如下： 此屬性的參數(shù)值可以是數(shù)字或百分?jǐn)?shù)，此屬性的參數(shù)值可以是數(shù)字或百分?jǐn)?shù)，其中數(shù)字表示此單元格寬度所占的像素點(diǎn)其中數(shù)字表示此單元格寬度所占的像素點(diǎn)數(shù)，百分?jǐn)?shù)表示此單元格的寬度占整個(gè)表數(shù)，百分?jǐn)?shù)表示此單元格的寬度占整個(gè)表格寬度的百分比。格寬度的百分比。 2.4.3 2.4.3 設(shè)置設(shè)置單元格的寬度單元格的寬度widthwidth45 在表格的使用中，有時(shí)會遇到某些數(shù)據(jù)占多在表格的使用中，有時(shí)會遇到某些數(shù)據(jù)占

24、多行多列的情況?？梢允褂眯卸嗔械那闆r?？梢允褂没蚧驑?biāo)簽中的標(biāo)簽中的colspan和和rowspan屬性來實(shí)現(xiàn)屬性來實(shí)現(xiàn)。設(shè)置語法如下：。設(shè)置語法如下： 或或 rowspan屬性的參數(shù)值是數(shù)字，表示該單元格屬性的參數(shù)值是數(shù)字，表示該單元格所跨的行數(shù)。該屬性的缺省值為所跨的行數(shù)。該屬性的缺省值為1。 colspan屬性的參數(shù)值是數(shù)字，表示該單元屬性的參數(shù)值是數(shù)字，表示該單元格所跨的列數(shù)。該屬性的缺省值也是格所跨的列數(shù)。該屬性的缺省值也是1。2.4.4 2.4.4 設(shè)置跨多行跨多列的單元格設(shè)置跨多行跨多列的單元格46可以在可以在和和標(biāo)簽中使用標(biāo)簽中使用align和和valign屬屬性調(diào)整單元格中內(nèi)容

25、的左右、上下位置。性調(diào)整單元格中內(nèi)容的左右、上下位置。 align屬性的設(shè)置語法如下：屬性的設(shè)置語法如下： align屬性用于規(guī)定單元格內(nèi)容在水平方向?qū)傩杂糜谝?guī)定單元格內(nèi)容在水平方向上的位置。屬性的參數(shù)值為上的位置。屬性的參數(shù)值為left、center和和right之一，分別表示該單元格內(nèi)容是左對齊、水平之一，分別表示該單元格內(nèi)容是左對齊、水平居中和右對齊的。缺省時(shí)，單元格內(nèi)容是左對居中和右對齊的。缺省時(shí)，單元格內(nèi)容是左對齊的。齊的。2.4.5 2.4.5 設(shè)置單元格內(nèi)文字的對齊方式設(shè)置單元格內(nèi)文字的對齊方式47 valign屬性的設(shè)置語法如下：屬性的設(shè)置語法如下： valign屬性用于規(guī)定單

26、元格內(nèi)容在垂直屬性用于規(guī)定單元格內(nèi)容在垂直方向上位置。屬性的參數(shù)值為方向上位置。屬性的參數(shù)值為top、middle和和bottom之一，分別表示該單元格之一，分別表示該單元格內(nèi)容是上對齊、垂直居中和下對齊的。缺內(nèi)容是上對齊、垂直居中和下對齊的。缺省時(shí)，單元格內(nèi)容是垂直居中的。省時(shí)，單元格內(nèi)容是垂直居中的。2.4.5 2.4.5 設(shè)置單元格內(nèi)文字的對齊方式設(shè)置單元格內(nèi)文字的對齊方式2.5表格的分組49 HTML允許文檔編輯者將表格按行分組。允許文檔編輯者將表格按行分組。每一組由表頭、表格主體和尾注三部分組成。每一組由表頭、表格主體和尾注三部分組成。其中尾注部分是可選的。其中尾注部分是可選的。表格

27、的按行分組是通過使用表頭行標(biāo)簽表格的按行分組是通過使用表頭行標(biāo)簽、表格主體標(biāo)簽、表格主體標(biāo)簽和尾注標(biāo)簽和尾注標(biāo)簽來實(shí)現(xiàn)的。來實(shí)現(xiàn)的。2.5.1 2.5.1 表格的行分組表格的行分組thead/tbody/tfootthead/tbody/tfoot50標(biāo)簽是成對標(biāo)簽標(biāo)簽是成對標(biāo)簽，首標(biāo)簽，首標(biāo)簽和和尾標(biāo)簽尾標(biāo)簽之間的內(nèi)容是一系列由表頭之間的內(nèi)容是一系列由表頭標(biāo)簽標(biāo)識的表頭元素。我們標(biāo)簽標(biāo)識的表頭元素。我們可以在可以在標(biāo)簽中規(guī)定表頭行中所有表頭元素的公共屬標(biāo)簽中規(guī)定表頭行中所有表頭元素的公共屬性性。標(biāo)簽擁有的屬性以及屬性對應(yīng)標(biāo)簽擁有的屬性以及屬性對應(yīng)的功能和的功能和標(biāo)簽完全一樣標(biāo)簽完全一樣。2.

28、5.1 2.5.1 表格的行分組表格的行分組thead/tbody/tfootthead/tbody/tfoot51和和標(biāo)簽也是成對標(biāo)簽，其中標(biāo)簽也是成對標(biāo)簽，其中標(biāo)簽用于規(guī)定表格主體部分的共有標(biāo)簽用于規(guī)定表格主體部分的共有特性特性,標(biāo)簽用于規(guī)定尾注的特性。標(biāo)簽用于規(guī)定尾注的特性。實(shí)實(shí)踐中，踐中，標(biāo)簽很少使用。標(biāo)簽很少使用。2.5.1 2.5.1 表格的行分組表格的行分組thead/tbody/tfootthead/tbody/tfoot52 HTML使用使用標(biāo)簽來將表格按列分組標(biāo)簽來將表格按列分組?；菊Z法設(shè)置如下：基本語法設(shè)置如下： 標(biāo)簽有兩個(gè)屬性：標(biāo)簽有兩個(gè)屬性：span和和align，它，它們都是可選的。們都是可選的。span屬性的參數(shù)值為數(shù)字，表示該屬性的參數(shù)值為數(shù)字，表示該組包含的列數(shù)組包含的列數(shù)。該屬性的缺省值為。該屬性的缺省值為1。align屬性用屬性用以規(guī)定該組所跨列中所有單元格內(nèi)容在水平方向上以規(guī)定該組所跨列中所有單元格內(nèi)容在水平方向上的位置。該屬性的參數(shù)值為的位置。該屬性的參數(shù)值為left、center和和right之一，之一，分別表示各單元格內(nèi)容是左對齊、水平居中和右對分別表示各單元格內(nèi)容是左對齊、水平居中和右對齊的。齊的。2.5.2 2.5.2 表格的列分組表格的列分組