网页设计与开发第6章试卷及答案

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/内置麦克风 ,