靜態(tài)網頁制作教程第三章表格

1、第三章 表格表格在對web頁上的信息格式和布局進行控制的較好方法，它定義格式化信息有著強大的功能，能夠控制各種信息的位置，使得頁面結構協(xié)調一致。一.創(chuàng)建一個簡單表格二.定義單元格的高度和寬度三. 控制表格的邊框及邊框線四.創(chuàng)建跨單元格的存儲格在網頁中，表格的運用是非常重要的技巧。在html中，表格的建立主要就運用、四種標記來顯示完成的1.和標記：用于表示一個表格的組件。一個表格組件將由數(shù)個行、存儲格、標題格子組件所組成。2.：用于定義表格的一行，一組標記內通常包含數(shù)組由或標記所定義的存儲格。3.用于定義表格的存儲格。4.：用于定義表格的標題存儲格，此存儲格中的文字將以粗體的方式顯示。在一個最基

2、本的表格組件中，必須包含一組標記，一組標記與一組標記。語法如下：一.創(chuàng)建一個簡單表格1.創(chuàng)建一個簡單的表格2.給表格添加一個標題3.如果需要，把表格的第一行設計為表頭4.給單元格和表格元素定義數(shù)據(jù)1.創(chuàng)建一個簡單的表格輸入和標記。如果要顯示表格單元格的邊框，則需在標記中添加border屬性。并為border屬性設置值。如：2.給表格添加一個標題使用和標記來添加標題，語法：表格標題如果要添加的標題位于表格的上方，則將表格標題置于標記下一行，如：表格標題如果要將標題置于表格下方，則將表格標題置于標記之前。如：表格標題我們還可以像對待其他文本一樣，格式化和中的文本表格標題3.把表格的第一行設計為表頭

3、通過標記來指定表格中特殊表頭單元格，標記之后的文本作為表頭單元格的一部分?？梢栽诒砀竦娜我獾胤绞褂眠@個標記，表頭也不是必須要放在各列的頂部。當表格的標記和表格標題輸入之后，在表格的每一列中放置一個標記和該列中的文本。表格標題第一列第二列第三列4.給單元格和表格元素定義數(shù)據(jù)使用標記來建立單元格，并往其中添加數(shù)據(jù)，它的用法與標記的用法十分相似。個人資料姓名居住地職業(yè)張三北京學生李四上海工程師王五深圳老師標記的用法同類似，表格是用來創(chuàng)建表格中行的。如實例所示，表格的每一行都是由標記來建立。根據(jù)需要，可把某個單元格設置成空數(shù)據(jù)格，即不輸入數(shù)據(jù)到該格中，也就是在標記之后不輸入數(shù)據(jù)。李四工程師二.定義單元

4、格的高度和寬度表格的寬度由標記的width屬性來控制，而高度則是由標記的height屬性來控制的。語法分別為：width=數(shù)值height=數(shù)值數(shù)值的設定值若為一整數(shù)，則其單位為像素，若設定值為n%，則代表表格的寬度為整個網頁寬度的百分之n。如：將width屬性設為50%，代表此表格寬度為整個網頁寬度的一半。個人資料姓名居住地職業(yè)張三北京學生李四上海工程師王五深圳老師個人資料姓名居住地職業(yè)張三北京學生李四上海工程師王五深圳老師兩者設置寬度和高度的區(qū)別，當改變?yōu)g覽器窗口大小的時候，用百分比設置的表格會隨瀏覽器窗口的變化而變化，而通過像素設定寬度和高度的表格的大小不會變化。以上是對整個表格的所有單

5、元格的高度和寬度的控制，也可以在標記中添加width和height屬性來控制某一行的寬度和高度。如：三. 控制表格的邊框及邊框線通過標記的屬性可以控制整個表格組件的格式。1.border屬性：用來控制表格邊框線的厚度，語法如下：border=數(shù)值，數(shù)值的設定若為整數(shù)，則其單位為像素(pixel)。2.cellspacing屬性：用于控制存儲格邊框到表格邊框的距離，框線的寬度。cellspacing=數(shù)值3.cellpadding:用于控制存儲格內文字的邊緣到存儲格邊框的距離。cellpadding=數(shù)值設置表格的邊框姓名居住地職業(yè)張三北京學生李四上海工程師王五深圳老師4.設置表格背景顏色與邊框

6、厚度顏色標記還有兩個屬性bgcolor屬性：控制表格的背景顏色bordercolor屬性：控制表格厚度的顏色5.設置表格的對齊方式表格對齊方式有兩種：水平方向和垂直方向align(水平方向)：align=left（水平左對齊）align=right(水平右對齊)align=center(水平居中對齊)valign(垂直方向)valign=top(垂直頂部對齊)valign=bottom(垂直底部對齊)valign=baseline(垂直一條公共基線對齊)valign=middle(垂直居中對齊)(1).align屬性可以放置于標記中，控制整個表格在網頁中的對齊方式。靠左對齊表格居中對齊表格靠右對齊表格(2).align和valign屬性也可以在標記中控制對齊方式張三北京學生李四上海工程師王五深圳老師四.創(chuàng)建跨單元格的存儲格我們常常會看到有的表格里的某些存儲格跨了好幾個單元格，這是通過colspan和rowspan屬性來控制而達到的。colspan屬性：水平延伸存儲格，語