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

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

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

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

5、以下關于HTML語言中的表格的說法正確的是（）。在 HTML語言中，表格必須由 標簽、 標簽、 標簽組成，缺一不可標簽之前不能相互嵌套有多少對 標簽，就有多少列有多少對 標簽，就有多少行答案： A以下選項中，哪個全部都是表格標簽？A B C D 答案： B.精品文檔知識點：表格標記哪一個標記用于使 HTML 文檔中表格里的單元格在同行進行合并？AcellspacingBcellpaddingC rowspanD colspan答案 :D27. 以下說法中，錯誤的是：。A表格在頁面中的對齊應在TABLEB要控制表格內容的水平對齊，應在C要控制表格內容的垂直對齊，應在標記符中使用align屬性。T

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

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

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

9、縮放的流體設計。如果是一個需要分頁的表格，需要考慮分頁的設計效果。2.使用表格進行頁面設計應注意哪些問題？答案：在創建復雜的表格之前，先進行規劃，如可以先用筆在紙上設計頁面。使用表格排版網頁時， 要盡量細劃表格，不要把整個網頁放在一個大的表格里。因為只有當表格內所有元素全部載入后，整個表格才得以顯示。所以如果表格內有一些元素（比如計數器） 載入較慢，就會延遲整個表格的顯示。 對于整個網頁使用表格排版時， 可以將整個頁面分成幾塊，使用多個表格來排版。例如可以采用上部放置徽標、廣告條、導航等、中間放置頁面內容、下部放置版權信息等，結構分三部分，由三個表格實現。四、 實驗題1.成績登記表的制作。下圖

10、是一個基本的成績登記表，數據包括：ID 序號、學號、姓名、平時成績、期末成績、總評成績。答案： 源代碼文件如下：.精品文檔成績登記表 #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;成績登記表.精品文檔序號 學號 姓名 平時成績 期末成績 學期總成績 12010300201張小麗 95959522010300202李寧 908889.精品文檔32010300203劉梅 98929542010300204王剛 98909452010300205鄭軍 908587.精品文檔62010300206楊波 808080產品介紹頁面的制作。使用表格布局完成下圖的產品頁面的展示答案： 源代碼文件如下：產品介紹 .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 ; 產品名稱：佳能IXUS 130 佳能 IXUS 130 （官方標配） 松下原裝 SD卡2G（高速正品） 佳能 IXUS系列專用皮包 索尼 2.7 英寸 LCD保護貼（防刮 / 高透光 / 靜電吸附 ) 攝影指南 主要參數 型號 : PMP169B內存容量 : 512M屏幕尺寸 : 2.12 英寸（最佳視覺比列 16：9的寬屏） 屏幕特性 : LTPS TFT(720 x240) 視頻功能 : 支持 ASF格式的MPG4,或通過軟件轉換成ASF播放 , 播放效果 :320 420,30fps/ 視頻輸出 , 輸入 / 電視節目定時錄制。 功能參數 音頻功能 : 支持音頻格式:MP3,WMA,WAV/內置麥克風 ,