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

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

3、相鄰的單元格C粘貼表格時(shí)，不粘貼表格的內(nèi)容D網(wǎng)頁(yè)中水平方向可以并排多個(gè)獨(dú)立的表格答案: Dhtml 語(yǔ)言中，設(shè)置圍繞表格的邊框的寬度的標(biāo)記是？A. D.答案: A12 ） 表格標(biāo)記的基本結(jié)構(gòu)是？答案:C14 ）定義表元的HTML 是（）.精品文檔答案:B15 ）跨多行的表頭的HTML 代碼為（）答案:B16 ）設(shè)置表格的單元格填充為0 的 HTML 代碼是（）答案:D設(shè)置表格的寬度為 600 的 HTML 代碼是（）A.B.C.D.答案:A18.設(shè)置表格邊框色彩的亮度的HTML 代碼是（）.精品文檔答案:D表格的題頭的 HTML 是（）tbody . . . . 答案:D20.,表示（）顯示所

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

5、以下關(guān)于HTML語(yǔ)言中的表格的說(shuō)法正確的是（）。在 HTML語(yǔ)言中，表格必須由 標(biāo)簽、 標(biāo)簽、 標(biāo)簽組成，缺一不可標(biāo)簽之前不能相互嵌套有多少對(duì) 標(biāo)簽，就有多少列有多少對(duì) 標(biāo)簽，就有多少行答案： A以下選項(xiàng)中，哪個(gè)全部都是表格標(biāo)簽？A B C D 答案： B.精品文檔知識(shí)點(diǎn)：表格標(biāo)記哪一個(gè)標(biāo)記用于使 HTML 文檔中表格里的單元格在同行進(jìn)行合并？AcellspacingBcellpaddingC rowspanD colspan答案 :D27. 以下說(shuō)法中，錯(cuò)誤的是：。A表格在頁(yè)面中的對(duì)齊應(yīng)在TABLEB要控制表格內(nèi)容的水平對(duì)齊，應(yīng)在C要控制表格內(nèi)容的垂直對(duì)齊，應(yīng)在標(biāo)記符中使用align屬性。T

6、R、 TD、 TH 中使用 align屬性。TR、 TD、 TH 中使用 valign屬性。D表格內(nèi)容的默認(rèn)水平對(duì)齊方式為居中對(duì)齊答案： D28下列說(shuō)法中正確的是（）使用表格進(jìn)行布局時(shí)，表格的寬度都必須采用百分比計(jì)量方式表格不可以實(shí)現(xiàn)嵌套為了提高網(wǎng)頁(yè)的下載速度，一般應(yīng)把所有內(nèi)容分成幾塊放在幾個(gè)表格中使用表格進(jìn)行布局時(shí)，最內(nèi)層表格的寬度采用絕對(duì)計(jì)量方式答案： C29很多動(dòng)態(tài)大型網(wǎng)站也都是借助 ( ) 排版 , 它可以把相互關(guān)聯(lián)的信息元素集中定位。表單表格文字圖像答案： B.精品文檔30、在復(fù)雜的表格結(jié)構(gòu)中， 有的單元格在水平方向上是跨多個(gè)單元格的，這時(shí)需要使用（）屬性A.colspaceB.ro

7、wspaceC.cellpaddingD.cellspacing答案 :A二、 填空題1） 在表格屬性中，當(dāng)表格的邊框線設(shè)為_(kāi)時(shí)，表格線不可見(jiàn)。答案: 02） 表格的 _屬性指定了單元格中的內(nèi)容與單元格邊框之間的空間大小。答案 : cellpadding3） 如果不希望表格寬度隨窗口大小而變化，一般應(yīng)該以_為單位定義表格寬度。答案 :百分比4）表格的寬度可以用百分比和_ 兩種單位來(lái)設(shè)置。答案:像素5）請(qǐng)寫出在網(wǎng)頁(yè)中設(shè)定表格邊框的厚度的屬性_ ；設(shè)定表格單元格之間寬度屬性_。答案 : bordercellspacing6）請(qǐng)寫出 表格標(biāo)題 功能是 _ 。答案 :設(shè)置表格標(biāo)題7）單元格垂直合并所用

8、的屬性是_ ；單元格橫向合并所用的屬性是_。答案 :rowspan colspan8）利用 標(biāo)記符的 _屬性可以控制表格邊框的顯示樣式；利用標(biāo)記符的 _屬性可以控制表格分隔線的顯示樣式。答案 : frame border9）要使整個(gè)表格行采用某種對(duì)齊方式，應(yīng)在標(biāo)記符中使用aligh 屬性。答案 : cellpadding.精品文檔10）設(shè)置表格標(biāo)題的HTML標(biāo)記是 _ 。答案 : 三、 簡(jiǎn)答題1.簡(jiǎn)述 創(chuàng)建一個(gè)表格的基本步驟。答案：用合適的工具設(shè)計(jì)表格草圖。確定表頭。確定需要的行數(shù)和列數(shù)，標(biāo)識(shí)出需要跨越多個(gè)單元格的行和列。合理的運(yùn)用表格嵌套，盡量少用，避免結(jié)構(gòu)的混亂。根據(jù)內(nèi)容確定采用固定的和可

9、縮放的流體設(shè)計(jì)。如果是一個(gè)需要分頁(yè)的表格，需要考慮分頁(yè)的設(shè)計(jì)效果。2.使用表格進(jìn)行頁(yè)面設(shè)計(jì)應(yīng)注意哪些問(wèn)題？答案：在創(chuàng)建復(fù)雜的表格之前，先進(jìn)行規(guī)劃，如可以先用筆在紙上設(shè)計(jì)頁(yè)面。使用表格排版網(wǎng)頁(yè)時(shí)， 要盡量細(xì)劃表格，不要把整個(gè)網(wǎng)頁(yè)放在一個(gè)大的表格里。因?yàn)橹挥挟?dāng)表格內(nèi)所有元素全部載入后，整個(gè)表格才得以顯示。所以如果表格內(nèi)有一些元素（比如計(jì)數(shù)器） 載入較慢，就會(huì)延遲整個(gè)表格的顯示。 對(duì)于整個(gè)網(wǎng)頁(yè)使用表格排版時(shí)， 可以將整個(gè)頁(yè)面分成幾塊，使用多個(gè)表格來(lái)排版。例如可以采用上部放置徽標(biāo)、廣告條、導(dǎo)航等、中間放置頁(yè)面內(nèi)容、下部放置版權(quán)信息等，結(jié)構(gòu)分三部分，由三個(gè)表格實(shí)現(xiàn)。四、 實(shí)驗(yàn)題1.成績(jī)登記表的制作。下圖

10、是一個(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;line-height:2.5;#scorethbackground-color:#4682B4;font-siz

11、e: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: 100px;#score .finalScore width: 120px;/* 斑馬紋類 */.odd td backgrou

12、nd-color: #FFF;.even td background-color: #CCCCCC;成績(jī)登記表.精品文檔序號(hào) 學(xué)號(hào) 姓名 平時(shí)成績(jī) 期末成績(jī) 學(xué)期總成績(jī) 12010300201張小麗 95959522010300202李寧 908889.精品文檔32010300203劉梅 98929542010300204王剛 98909452010300205鄭軍 908587.精品文檔62010300206楊波 808080產(chǎn)品介紹頁(yè)面的制作。使用表格布局完成下圖的產(chǎn)品頁(yè)面的展示答案： 源代碼文件如下：產(chǎn)品介紹 .product width : 500px; border :1px sol

13、id #FF6600; border-collapse:collapse;.product td border :1px solid #FF6600;.productName font-size:14px;color :#993300;font-weight:bold ;.category font-size: 14px; color : #993300; font-weight: bold ; background-color: #FFB468;.productImg text-align: center ; vertical-align: middle ; width : 170px;.精

14、品文檔.productDescription background-color: #FEE8AB.paraTable td border-style: none;.paraName font-size:13px; color :#666666; text-align: right; vertical-align: top ; width : 70px;.paraValue font-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 英寸（最佳視覺(jué)比列 16：9的寬屏） 屏幕特性 : LTPS TFT(720 x240) 視頻功能 : 支持 ASF格式的MPG4,或通過(guò)軟件轉(zhuǎn)換成ASF播放 , 播放效果 :320 420,30fps/ 視頻輸出 , 輸入 / 電視節(jié)目定時(shí)錄制。 功能參數(shù) 音頻功能 : 支持音頻格式:MP3,WMA,WAV/內(nèi)置麥克風(fēng) ,