网页设计和开发第6章试题及答案解析.docx
《网页设计和开发第6章试题及答案解析.docx》由会员分享,可在线阅读,更多相关《网页设计和开发第6章试题及答案解析.docx(17页珍藏版)》请在冰豆网上搜索。
网页设计和开发第6章试题及答案解析
《网页设计与开发第6章》试卷
一、选择题
1)在HTML文件中,可以让表格显示边框线,例如:
,5代表边框线的粗细,它的单位是()。
A.cm
B.pixel
C.grid
D.dot
答案:
B
2)在HTML语言中,下列()是专属于td、th元素的属性。
A.bgcolor
B.align
C.colspan
D.background
答案:
C
3)关于HTML表格说法错误的是()。
A.表格的width属性可以设置为像素值或百分比
B.表格的height属性可以设置为像素值或者百分比
C.如果不指定border属性,表格默认宽度为1
D.表格和单元格的背景色可以同时设置
答案:
D
4)下列()设置能使单元格显示边框。
A.在
中添加border属性 B.在 中添加border属性C.在 中添加border属性D.以上全都可以 答案: A 5)在HTML文件中,给表格添加行的标签是()。 A. |
B. | C. | D.以上都正确 答案: A 6)跨多列的单元格的HTML代码为()。 A. B. C. D. 答案: C 7)设置表格的单元格填充为0的HTML代码是()。 A. B. C. D. 答案: D 8)表示表头的背景色彩的HTML是()。 A. B. C. D. 答案: C 9)表示表头的背景图像的HTML是()。 A. B. C. D. 答案: B 10)关于表格的描述正确的一项是()。 A.在单元格内不能继续插入整个表格 B.可以同时选定不相邻的单元格 C.粘贴表格时,不粘贴表格的内容 D.网页中水平方向可以并排多个独立的表格 答案: D 11)html语言中,设置围绕表格的边框的宽度的标记是? A. B. C. D.<.tablewidth=#or%> 答案: A 12)表格标记的基本结构是? A. B. C. D. 答案: C 14)定义表元的HTML是() A. B. C. | D. 答案: B 15)跨多行的表头的HTML代码为() A. B. C. D. 答案: B 16)设置表格的单元格填充为0的HTML代码是() A. B. C. D. 答案: D 17. 设置表格的宽度为600的HTML代码是() A. B. C. D. 答案: A 18. 设置表格边框色彩的亮度的HTML代码是() A. B. C. D. 答案: D 19. 表格的题头的HTML是() A. tbody>... B. | ...C. ... D. ...答案: D 20. ,表示() A. 显示所有分隔线 B. 只显示组(Groups)与组之间的分隔线 C. 只显示行与行之间的分隔线 D. 只显示列与列之间的分隔线 答案: D 21.如果要使浏览器不显示表格边框,应将“边框粗细”设置为( )。 A: 1 B: 2 C: 3 D: 0 答案: D 22.Html标记中,用什么方法可以将整个表格在页面中居中? A.place=middle B.type=middle C.align=center D.type=center 答案: C 23.分析下面的HTML代码片段,则选项中的说法正确的是()。
姓名 成绩语文 数学 A.该表格共有2行3列 B.该表格的边框宽度为10毫米 C.该表格中的文字均居中显示 D.“姓名”单元个跨2行 答案: C 24.以下关于HTML语言中的表格的说法正确的是()。 A.在HTML语言中,表格必须由 标签、标签、标签组成,缺一不可 B. 标签之前不能相互嵌套C.有多少对 标签,就有多少列D.有多少对 标签,就有多少行 答案: A 25.以下选项中,哪个全部都是表格标签? A. B. C. D.答案: B 知识点: 表格标记 26.哪一个标记用于使HTML文档中表格里的单元格在同行进行合并? A.cellspacing B.cellpadding C.rowspan D.colspan 答案: D 27.以下说法中,错误的是: 。 A.表格在页面中的对齐应在TABLE标记符中使用align属性。 B.要控制表格内容的水平对齐,应在TR、TD、TH中使用align属性。 C.要控制表格内容的垂直对齐,应在TR、TD、TH中使用valign属性。 D.表格内容的默认水平对齐方式为居中对齐 答案: D 28.下列说法中正确的是() A.使用表格进行布局时,表格的宽度都必须采用百分比计量方式 B.表格不可以实现嵌套 C.为了提高网页的下载速度,一般应把所有内容分成几块放在几个表格中 D.使用表格进行布局时,最内层表格的宽度采用绝对计量方式 答案: C 29.很多动态大型网站也都是借助()排版,它可以把相互关联的信息元素集中定位。 A.表单 B.表格 C.文字 D.图像 答案: B 30、在复杂的表格结构中,有的单元格在水平方向上是跨多个单元格的,这时需要使用()属性 A.colspace B.rowspace C.cellpadding D.cellspacing 答案: A 二、填空题 1)在表格属性中,当表格的边框线设为______时,表格线不可见。 答案: 0 2)表格的______属性指定了单元格中的内容与单元格边框之间的空间大小。 答案: cellpadding 3)如果不希望表格宽度随窗口大小而变化,一般应该以_____为单位定义表格宽度。 答案: 百分比 4)表格的宽度可以用百分比和____两种单位来设置。 答案: 像素 5)请写出在网页中设定表格边框的厚度的属性_______;设定表格单元格之间宽度属性______________。 答案: bordercellspacing 6)请写出表格标题功能是___________________。 答案: 设置表格标题 7)单元格垂直合并所用的属性是__________;单元格横向合并所用的属性是___________。 答案: rowspancolspan 8)利用 标记符的____________属性可以控制表格边框的显示样式;利用标记符的_________属性可以控制表格分隔线的显示样式。答案: frameborder 9)要使整个表格行采用某种对齐方式,应在标记符中使用aligh属性。 答案: cellpadding 10)设置表格标题的HTML标记是___________________。 答案: 三、简答题 1.简述创建一个表格的基本步骤。 答案: 1)用合适的工具设计表格草图。 2)确定表头。 3)确定需要的行数和列数,标识出需要跨越多个单元格的行和列。 4)合理的运用表格嵌套,尽量少用,避免结构的混乱。 5)根据内容确定采用固定的和可缩放的流体设计。 6)如果是一个需要分页的表格,需要考虑分页的设计效果。 2.使用表格进行页面设计应注意哪些问题? 答案: 在创建复杂的表格之前,先进行规划,如可以先用笔在纸上设计页面。 使用表格排版网页时,要尽量细划表格,不要把整个网页放在一个大的表格里。 因为只有当表格内所有元素全部载入后,整个表格才得以显示。 所以如果表格内有一些元素(比如计数器)载入较慢,就会延迟整个表格的显示。 对于整个网页使用表格排版时,可以将整个页面分成几块,使用多个表格来排版。 例如可以采用上部放置徽标、广告条、导航等、中间放置页面内容、下部放置版权信息等,结构分三部分,由三个表格实现。 四、实验题 1.成绩登记表的制作。 下图是一个基本的成绩登记表,数据包括: ID序号、学号、姓名、平时成绩、期末成绩、总评成绩。 答案: 源代码文件如下: 成绩登记表
#score{width: 600px;border: 1pxsolid#000000;border-collapse: collapse;} #scoreth,td{border: 1pxsolid#000000;} #scorecaption{font-size: 28px;font-weight: bold;letter-spacing: 12px;line-height: 2.5;} #scoreth{background-color: #4682B4;font-size: 20px;font-weight: bold;line-height: 2;} #scoretd{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;} /*斑马纹类*/ .oddtd{background-color: #FFF;} .eventd{background-color: #CCCCCC;} }
成绩登记表 序号 学号 姓名 平时成绩 期末成绩 学期总成绩 |
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.产品介绍页面的制作。 使用表格布局完成下图的产品页面的展示 答案: 源代码文件如下: 产品介绍
.product{width: 500px;border: 1pxsolid#FF6600;border-collapse: collapse;} .producttd{border: 1pxsolid#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;} .productDescription{background-color: #FEE8AB} .paraTabletd{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;}
产品名称: 佳能IXUS130 佳能IXUS130(官方标配)
松下原装SD卡2G(高速正品)
佳能IXUS系列专用皮包
索尼2.7英寸LCD保护贴(防刮/高透光/静电吸附)
摄影指南 |
主要参数
型号:PMP169B 内存容量:512M 屏幕尺寸:2.12英寸(最佳视觉比列16: 9的宽屏) 屏幕特性:LTPSTFT(720x240) 视频功能:支持ASF格式的MPG4,或通过软件转换成ASF播放,播放效果: 320×420, 30fps/视频输出,输入/电视节目定时录制。 |
功能参数
音频功能:支持音频格式: MP3,WMA,WAV/内置麦克风,支持LINEIN寻录/收音功能/内置喇叭 录音格式:44.1KHz,128Kbps,MP3,支持MIC/LINE-IN直录 附加功能:支持图片格式: JPEG(EXIF2.1)/电子书浏览/多语言(中/英)设置 |
| 其它参数
接口:USB接口,AVOUT接口,AVIN接口 扩展卡:可扩充2GSD,MMC卡 电池:内置锂电池 尺寸:105.2x47.6x15.6mm 重量:90g |
展开阅读全文
相关搜索
| |
|