1、第7章表格，主要內(nèi)容，熟悉表格的常見(jiàn)屬性，制作表格，使用表格來(lái)容納表格數(shù)據(jù)，使用表格來(lái)布局頁(yè)面，7.1表格介紹，表格在網(wǎng)站中廣泛使用，幾乎所有的網(wǎng)頁(yè)都或多或少使用表格。表格可以方便靈活的實(shí)現(xiàn)網(wǎng)頁(yè)的布局，并且可以集中定位相關(guān)的信息元素，讓瀏覽網(wǎng)頁(yè)的人可以清晰悅目。因此，要制作一個(gè)好的網(wǎng)頁(yè)，就必須學(xué)好表格，熟練掌握和運(yùn)用表格的各種屬性。7.2.1表格基本標(biāo)記，表格標(biāo)記在超文本標(biāo)記語(yǔ)言語(yǔ)法中，表格主要由三個(gè)標(biāo)記組成：基本語(yǔ)法：7.2.1表格基本標(biāo)簽，定義星期一、星期二、星期三、星期四和星期五的表格部分，大學(xué)英語(yǔ)高等數(shù)學(xué)數(shù)據(jù)結(jié)構(gòu)實(shí)驗(yàn)第12節(jié)網(wǎng)絡(luò)開(kāi)發(fā)，大學(xué)英語(yǔ)高等數(shù)學(xué)數(shù)據(jù)結(jié)構(gòu)數(shù)據(jù)結(jié)構(gòu)實(shí)驗(yàn)第34節(jié)網(wǎng)絡(luò)開(kāi)發(fā)

2、，7.2.1表格基本標(biāo)簽，7.2.2表格標(biāo)題，這些都是表格內(nèi)容的簡(jiǎn)單描述，都是通過(guò)標(biāo)簽實(shí)現(xiàn)的。基本語(yǔ)法：7.2.2表格標(biāo)題，課程部分周一周二周三周五，7.2.2表格標(biāo)題，7.2.3表格標(biāo)題，標(biāo)題指表格的第一行，文本樣式以中間粗體顯示，通過(guò)標(biāo)簽實(shí)現(xiàn)?；菊Z(yǔ)法：7.2.3表頭、課程章節(jié)周一、周二、周三、周四和周五、7.2.3表頭、7.2.4設(shè)置表格的分割結(jié)構(gòu)。為了清楚地區(qū)分表格結(jié)構(gòu)，表格在網(wǎng)頁(yè)上顯示為三個(gè)部分。超文本標(biāo)記語(yǔ)言規(guī)定、三個(gè)標(biāo)簽分別對(duì)應(yīng)表頭、表體和表尾?；菊Z(yǔ)法：7.2.4設(shè)置具有分區(qū)結(jié)構(gòu)的表，定義表結(jié)構(gòu)的時(shí)間表，星期一，星期二，星期三，星期四和星期五，適用時(shí)間：2008-2009年第一

3、學(xué)期083007課，7.2.4設(shè)置具有分區(qū)結(jié)構(gòu)的表，第12節(jié)體育大學(xué)英語(yǔ)中高等數(shù)學(xué)數(shù)據(jù)結(jié)構(gòu)的實(shí)驗(yàn)網(wǎng)絡(luò)開(kāi)發(fā)，第34節(jié)大學(xué)英語(yǔ)中高等數(shù)學(xué)數(shù)據(jù)結(jié)構(gòu)的實(shí)驗(yàn)網(wǎng)絡(luò)開(kāi)發(fā)，7.2.4設(shè)置分區(qū)結(jié)構(gòu)的表，7.3修改表，表是網(wǎng)頁(yè)中的一個(gè)重要元素7.3.1設(shè)置表格的邊框?qū)傩浴ＤJ(rèn)情況下，表格的邊框?yàn)?。您可以通過(guò)向表格添加屬性和屬性值來(lái)設(shè)置邊框線(xiàn)并美化表格。常見(jiàn)屬性如表7-2所示?；菊Z(yǔ)法：7.3.1設(shè)置表格的邊框?qū)傩裕?.3.2設(shè)置表格的寬度和高度。默認(rèn)情況下，表格的寬度和高度會(huì)根據(jù)內(nèi)容自動(dòng)調(diào)整?；菊Z(yǔ)法：7.3.2設(shè)置表格的寬度和高度，7.3.2設(shè)置表格背景，7.3.4設(shè)置表格背景圖像，可以是GIF、JPEG或P

4、NG。基本語(yǔ)法：7.3.5設(shè)置邊框樣式。當(dāng)我們之前使用邊框?qū)傩詴r(shí)，邊框出現(xiàn)在每個(gè)單元格和表格本身之間。我們可以使用框架屬性來(lái)控制應(yīng)該顯示哪些表格邊框，使用規(guī)則屬性來(lái)控制應(yīng)該顯示哪些內(nèi)部邊框?；菊Z(yǔ)法：7.3.5設(shè)置邊框樣式，7.3.5設(shè)置邊框樣式，7.3.6設(shè)置表格單元格間距，7.3.6設(shè)置表格單元格間距，7.3.7設(shè)置表格單元格邊距，即單元格內(nèi)容與其邊框之間的距離。基本語(yǔ)法：7.3.7設(shè)置表格單元格邊距，7.3.7設(shè)置表格單元格邊距，7.3.8設(shè)置表格的水平對(duì)齊屬性。水平對(duì)齊是在水平方向。您可以將表格的對(duì)齊模式設(shè)置為左對(duì)齊、居中對(duì)齊和右對(duì)齊。如果沒(méi)有特別設(shè)置，默認(rèn)情況下會(huì)在左側(cè)排列。基本語(yǔ)法

5、：7.4.1行內(nèi)容水平對(duì)齊，基本語(yǔ)法：設(shè)置表格水平對(duì)齊課程部分星期一星期二星期三星期四，7.4.1行內(nèi)容水平對(duì)齊，星期五，第12節(jié)，體育大學(xué)高等數(shù)學(xué)數(shù)據(jù)結(jié)構(gòu)實(shí)驗(yàn)網(wǎng)站開(kāi)發(fā)，第34節(jié)，大學(xué)英語(yǔ)高等數(shù)學(xué)數(shù)據(jù)結(jié)構(gòu)實(shí)驗(yàn)網(wǎng)站開(kāi)發(fā)，適用時(shí)間：083007班，2008-2009年第一學(xué)期，7.4.1行水平對(duì)齊，7.4.2行垂直對(duì)齊，基本語(yǔ)法： 設(shè)置表格行垂直對(duì)齊的時(shí)間表，7.4.2行內(nèi)容垂直對(duì)齊，適用時(shí)間：2008-2009年第一學(xué)期083007課，7.4.2行內(nèi)容垂直對(duì)齊，7.5設(shè)置表格中某個(gè)單元格的屬性，用于設(shè)置表格中某個(gè)單元格的屬性，7.5.1設(shè)置單元格為跨行，合并跨行單元格的行跨度屬性，實(shí)現(xiàn)跨行合并(

6、垂直合并)。 基本語(yǔ)法：7.5.1設(shè)置單元格跨線(xiàn)，每周一、二、三、四、五設(shè)置表格跨線(xiàn)日程，第12節(jié)體育，7.5.1設(shè)置單元格跨線(xiàn)，第34節(jié)大學(xué)英語(yǔ)高等數(shù)學(xué)數(shù)據(jù)結(jié)構(gòu)網(wǎng)絡(luò)開(kāi)發(fā)，第34節(jié)大學(xué)英語(yǔ)高等數(shù)學(xué)數(shù)據(jù)結(jié)構(gòu)網(wǎng)絡(luò)開(kāi)發(fā)實(shí)驗(yàn)適用時(shí)間：083007班，2008-2009年第一學(xué)期，7.5.1設(shè)置單元格跨行，7.5.2設(shè)置單元格跨列，以及跨列合并列跨度屬性基本語(yǔ)法：7.5.2設(shè)置單元格交叉列，設(shè)置交叉列的表格課程。第十二節(jié)體育大學(xué)英語(yǔ)高等數(shù)學(xué)。7.5.2設(shè)置單元格交叉欄。數(shù)據(jù)結(jié)構(gòu)第34節(jié)大學(xué)英語(yǔ)高等數(shù)學(xué)數(shù)據(jù)結(jié)構(gòu)數(shù)據(jù)結(jié)構(gòu)實(shí)驗(yàn)網(wǎng)頁(yè)開(kāi)發(fā)實(shí)驗(yàn)適用時(shí)間：083007班，2008-2009年第一學(xué)期，7.5.2設(shè)置單

7、元格為跨列，7.6表格嵌套，表格嵌套是在表格的某個(gè)單元格中根據(jù)插入元素的需要插入幾行幾列的表格。嵌套表可以像任何其他表一樣格式化，但是它的寬度受它所在單元格的寬度限制。利用表格嵌套，一方面可以編輯復(fù)雜精致的效果，另一方面可以根據(jù)版面要求實(shí)現(xiàn)精確的編排。然而，應(yīng)該注意的是，嵌套層次越多，網(wǎng)頁(yè)的加載速度就越慢。7.6表格嵌套，表格嵌套課程083007，7.6表格嵌套，周一，周二，周三，周五第12節(jié)體育大學(xué)英語(yǔ)中高等數(shù)學(xué)數(shù)據(jù)結(jié)構(gòu)的網(wǎng)絡(luò)開(kāi)發(fā)，7.6表格嵌套，第34節(jié)網(wǎng)絡(luò)開(kāi)發(fā)實(shí)驗(yàn)課083008，表格嵌套，在7.7中，一些設(shè)計(jì)者喜歡使用表格進(jìn)行頁(yè)面布局，因?yàn)樗男Ч诓煌臑g覽器中更容易保持一致，盡管使用“DIV CSS”技術(shù)進(jìn)行頁(yè)面布局更流行。7.7小示例，利用表單實(shí)現(xiàn)頁(yè)面布局，網(wǎng)站標(biāo)志廣告欄，7.7小示例，內(nèi)容一，內(nèi)容二，版權(quán)信息，7.7小示例，摘要，本章主要介紹了表格制作中常用的屬性和值，并在此提出兩點(diǎn)注意事項(xiàng)：1。在創(chuàng)建一個(gè)復(fù)雜的表格之前，最好計(jì)劃一下，例如，你可以先用筆在紙上設(shè)計(jì)頁(yè)面；2.使用表格排版網(wǎng)頁(yè)時(shí)，盡量細(xì)化表格，不要將整個(gè)網(wǎng)頁(yè)放在一個(gè)大表格中，因?yàn)楫?dāng)表格中有一些加載緩慢的元素(如計(jì)數(shù)器)時(shí)，整個(gè)表格的顯示往往會(huì)延遲。這是由工業(yè)工程的顯