1、網(wǎng)頁設(shè)計(jì)與開發(fā)第6章試卷一、 選擇題1）在HTML文件中，可以讓表格顯示邊框線，例如：,5代表邊框線的粗細(xì)，它的單位是( )。Acm Bpixel Cgrid Ddot答案: B2）在HTML語言中，下列( )是專屬于td、th元素的屬性。Abgcolor Balign Ccolspan Dbackground答案: C3）關(guān)于HTML表格說法錯(cuò)誤的是( )。A表格的width屬性可以設(shè)置為像素值或百分比B表格的height屬性可以設(shè)置為像素值或者百分比C如果不指定border屬性，表格默認(rèn)寬度為1D表格和單元格的背景色可以同時(shí)設(shè)置答案: D4）下列( )設(shè)置能使單元格顯示邊框。A在中添加bo

2、rder屬性 B在中添加border屬性C在中添加border屬性 D以上全都可以答案: A5）在HTML文件中，給表格添加行的標(biāo)簽是( )。A B C D以上都正確答案: A6）跨多列的單元格的HTML代碼為（ ）。A BC D答案: C7）設(shè)置表格的單元格填充為0的HTML代碼是（ ）。A BC D答案: D8）表示表頭的背景色彩的HTML是（ ）。A B C D答案: C9）表示表頭的背景圖像的HTML是（ ）。A B C D答案: B10）關(guān)于表格的描述正確的一項(xiàng)是（ ）。A在單元格內(nèi)不能繼續(xù)插入整個(gè)表格 B可以同時(shí)選定不相鄰的單元格C粘貼表格時(shí)，不粘貼表格的內(nèi)容 D網(wǎng)頁中水平方向可以

3、并排多個(gè)獨(dú)立的表格答案: D11) html語言中，設(shè)置圍繞表格的邊框的寬度的標(biāo)記是？ A. B. C. D. 答案: A12） 表格標(biāo)記的基本結(jié)構(gòu)是？ A. B. C. D. 答案: C14）定義表元的HTML是（）A. B. C. D. 答案: B15）跨多行的表頭的HTML代碼為（）A. B. C. D. 答案: B16）設(shè)置表格的單元格填充為0的HTML代碼是（）A. B. C. D. 答案: D17. 設(shè)置表格的寬度為600的HTML代碼是（）A. B. C. D. 答案: A18. 設(shè)置表格邊框色彩的亮度的HTML代碼是（）A. B. C. D. 答案: D19. 表格的題頭的HT

4、ML是（）A. tbody . B. . C. . D. . 答案: D20. ,表示（）A. 顯示所有分隔線B. 只顯示組(Groups)與組之間的分隔線C. 只顯示行與行之間的分隔線D. 只顯示列與列之間的分隔線答案: D21.如果要使瀏覽器不顯示表格邊框，應(yīng)將“邊框粗細(xì)”設(shè)置為（）。A:1B:2C:3D:0答案: D22.Html標(biāo)記中，用什么方法可以將整個(gè)表格在頁面中居中？A.place=middleB.type=middleC.align=centerD.type=center答案：C23.分析下面的HTML代碼片段，則選項(xiàng)中的說法正確的是（ ）。 姓名 成績(jī)語文數(shù)學(xué)A. 該表格共有

5、2行3列B. 該表格的邊框?qū)挾葹?0毫米C. 該表格中的文字均居中顯示D. “姓名”單元個(gè)跨2行答案: C24.以下關(guān)于HTML語言中的表格的說法正確的是（ ）。A. 在HTML語言中，表格必須由標(biāo)簽、標(biāo)簽、標(biāo)簽組成，缺一不可B. 標(biāo)簽之前不能相互嵌套C. 有多少對(duì)標(biāo)簽，就有多少列D. 有多少對(duì)標(biāo)簽，就有多少行答案：A25. 以下選項(xiàng)中，哪個(gè)全部都是表格標(biāo)簽？A B C D答案：B知識(shí)點(diǎn)：表格標(biāo)記26.哪一個(gè)標(biāo)記用于使HTML文檔中表格里的單元格在同行進(jìn)行合并？AcellspacingBcellpaddingCrowspanDcolspan答案:D27.以下說法中，錯(cuò)誤的是： 。 A表格在頁面

6、中的對(duì)齊應(yīng)在 TABLE 標(biāo)記符中使用 align 屬性。B要控制表格內(nèi)容的水平對(duì)齊，應(yīng)在 TR、TD、TH 中使用 align 屬性。C要控制表格內(nèi)容的垂直對(duì)齊，應(yīng)在 TR、TD、TH 中使用 valign 屬性。D表格內(nèi)容的默認(rèn)水平對(duì)齊方式為居中對(duì)齊答案：D28下列說法中正確的是（ ）A.使用表格進(jìn)行布局時(shí)，表格的寬度都必須采用百分比計(jì)量方式B.表格不可以實(shí)現(xiàn)嵌套 C.為了提高網(wǎng)頁的下載速度，一般應(yīng)把所有內(nèi)容分成幾塊放在幾個(gè)表格中 D.使用表格進(jìn)行布局時(shí)，最內(nèi)層表格的寬度采用絕對(duì)計(jì)量方式答案：C29很多動(dòng)態(tài)大型網(wǎng)站也都是借助( )排版,它可以把相互關(guān)聯(lián)的信息元素集中定位。A.表單 B.表格

7、C.文字D.圖像答案：B30、在復(fù)雜的表格結(jié)構(gòu)中，有的單元格在水平方向上是跨多個(gè)單元格的，這時(shí)需要使用（ ）屬性A.colspace B.rowspace C.cellpadding D.cellspacing答案:A二、 填空題1） 在表格屬性中，當(dāng)表格的邊框線設(shè)為_時(shí)，表格線不可見。答案: 02） 表格的_屬性指定了單元格中的內(nèi)容與單元格邊框之間的空間大小。答案: cellpadding3） 如果不希望表格寬度隨窗口大小而變化，一般應(yīng)該以_為單位定義表格寬度。答案: 百分比4）表格的寬度可以用百分比和_ 兩種單位來設(shè)置。答案: 像素5）請(qǐng)寫出在網(wǎng)頁中設(shè)定表格邊框的厚度的屬性_；設(shè)定表格單元

8、格之間寬度屬性_。答案: border cellspacing6）請(qǐng)寫出表格標(biāo)題功能是_。答案: 設(shè)置表格標(biāo)題7）單元格垂直合并所用的屬性是_；單元格橫向合并所用的屬性是_。答案:rowspan colspan8）利用標(biāo)記符的_屬性可以控制表格邊框的顯示樣式；利用標(biāo)記符的_屬性可以控制表格分隔線的顯示樣式。答案: frame border9）要使整個(gè)表格行采用某種對(duì)齊方式，應(yīng)在 標(biāo)記符中使用aligh屬性。答案: cellpadding10）設(shè)置表格標(biāo)題的HTML標(biāo)記是_。答案: 三、 簡(jiǎn)答題1.簡(jiǎn)述創(chuàng)建一個(gè)表格的基本步驟。答案：1) 用合適的工具設(shè)計(jì)表格草圖。2) 確定表頭。3) 確定需要的

9、行數(shù)和列數(shù)，標(biāo)識(shí)出需要跨越多個(gè)單元格的行和列。4) 合理的運(yùn)用表格嵌套，盡量少用，避免結(jié)構(gòu)的混亂。5) 根據(jù)內(nèi)容確定采用固定的和可縮放的流體設(shè)計(jì)。6) 如果是一個(gè)需要分頁的表格，需要考慮分頁的設(shè)計(jì)效果。2.使用表格進(jìn)行頁面設(shè)計(jì)應(yīng)注意哪些問題？答案：在創(chuàng)建復(fù)雜的表格之前，先進(jìn)行規(guī)劃，如可以先用筆在紙上設(shè)計(jì)頁面。使用表格排版網(wǎng)頁時(shí)，要盡量細(xì)劃表格，不要把整個(gè)網(wǎng)頁放在一個(gè)大的表格里。因?yàn)橹挥挟?dāng)表格內(nèi)所有元素全部載入后，整個(gè)表格才得以顯示。所以如果表格內(nèi)有一些元素（比如計(jì)數(shù)器）載入較慢，就會(huì)延遲整個(gè)表格的顯示。對(duì)于整個(gè)網(wǎng)頁使用表格排版時(shí)，可以將整個(gè)頁面分成幾塊，使用多個(gè)表格來排版。例如可以采用上部放置

10、徽標(biāo)、廣告條、導(dǎo)航等、中間放置頁面內(nèi)容、下部放置版權(quán)信息等，結(jié)構(gòu)分三部分，由三個(gè)表格實(shí)現(xiàn)。四、 實(shí)驗(yàn)題1. 成績(jī)登記表的制作。下圖是一個(gè)基本的成績(jī)登記表，數(shù)據(jù)包括：ID序號(hào)、學(xué)號(hào)、姓名、平時(shí)成績(jī)、期末成績(jī)、總評(píng)成績(jī)。答案：源代碼文件如下：成績(jī)登記表#scorewidth:600px;border: 1px solid #000000;border-collapse: collapse;#score th,td border: 1px solid #000000;#score caption font-size:28px;font-weight:bold;letter-spacing:12px;

11、line-height:2.5;#score th background-color: #4682B4;font-size:20px;font-weight:bold;line-height:2;#score td font-size:18px;line-height:2;text-align:center;#score .seq width: 50px;#score .studentId width: 120px;#score .studentName width: 80px;#score .hwScore width: 100px;#score .termScore width: 100p

12、x;#score .finalScore width: 120px;/*斑馬紋類*/.odd td background-color: #FFF;.even td background-color: #CCCCCC; 成績(jī)登記表 序號(hào) 學(xué)號(hào) 姓名 平時(shí)成績(jī) 期末成績(jī) 學(xué)期總成績(jī) 1 2010300201 張小麗 95 95 95 2 2010300202 李寧 90 88 89 3 2010300203 劉梅 98 92 95 4 2010300204 王剛 98 90 94 5 2010300205 鄭軍 90 85 87 6 2010300206 楊波 80 80 80 2. 產(chǎn)品介紹頁面

13、的制作。使用表格布局完成下圖的產(chǎn)品頁面的展示答案：源代碼文件如下：產(chǎn)品介紹.productwidth:500px;border: 1px solid #FF6600;border-collapse: collapse;.product td border: 1px solid #FF6600;.productNamefont-size: 14px;color: #993300;font-weight: bold;.categoryfont-size:14px;color:#993300;font-weight:bold;background-color:#FFB468;.productImgt

14、ext-align:center;vertical-align:middle;width:170px;.productDescriptionbackground-color:#FEE8AB.paraTable td border-style:none;.paraNamefont-size: 13px;color: #666666;text-align:right;vertical-align:top;width:70px;.paraValuefont-size: 13px;text-align:left;padding-left:5px; 產(chǎn)品名稱：佳能 IXUS 130 佳能 IXUS 130（官方標(biāo)配） 松下原裝SD卡2G（高速正品） 佳能IXUS系列專用皮包 索尼2.7英寸LCD保護(hù)貼（防刮/高透光/靜電吸附) 攝影指南主要參數(shù)型號(hào):PMP169B內(nèi)存容量:512M屏幕尺寸:2.12英寸（最佳視覺比列16：9的寬屏）屏幕特性:LTPS TFT (720x240)視頻功能:支持ASF格式的MPG4,或通過軟件轉(zhuǎn)換成ASF播放,播放效果:3204