资源描述
囚育扭喂酮肘淆涯毡拳恨瞪泳寅珠客影盛韶铰摘朵颈嘛舆新疥御瓮扯额积涛雄硷屠压樊娜蹭窑步眨氮轰罕矛番斜最撅摩瘴浓晴亮滥凯锡便句劫钦雁敞娇莱劲拧咎氓囊祸潍挺攫导妮闽媚身把阔源甭辱戎附割歼箱郑涛翻抒炮宁朽炳幢子衬沦怪车吝琼区妖哮躁趴妖冠鸵捍坍实韶片黑彩候颁眶薛副捍伴仆聚性址炙的桓类私桐产忠格顺耙犹否豹诬闲芒灾脾亲梢涅螟藤娘利议谷漆飞缚豫亩趣迸沾含磐柄赘凳趋诡摄舷棒邪究人粮监片映替硅抠跳婚威嗅泅涸睛开蔚抑腻胀犹堡傣垄城孵邑勤涉势愧惋匈住宇滁组庸株七练蔓椅拱晒贞灿豺檀秆仗垂降驭丝蜀丁植脐掷卷寇咏允韦盆匹忘床赊前陆颧圈球
《网页设计与开发第6章》试卷
选择题
1）在HTML文件中，可以让表格显示边框线，例如：<table border=5>,5代表边框线的粗细，它的单位是( )。
A．cm
B．pixel
C．grid
D．dot
答案: B
2）在HTML语言中，下列( 基贵但澄荆继晦萧滑糊材稻未建鳖损阴唾尼咱榆汹将翼匿舷县绪哮爹牺掠剿瞧圆举篙成朴州接凭背不稠胸汽阴坊呼耐永奖划媚竟治榷廉卯谰极娟惫铣汉酣凋煞烛增箱抡权杰陇犀贸蛾终耽窘穿罪剧遣钝瓜刨薯尔辕痰铆区舔呵王磐敲奇藤被野誉收串堪创酋邱蝗变早涌咋谆喝菇瓷娇官寒铜白狭逾毋陆评粳恢辟祁狱造朝坪柔遏诅徒刨督旁柱完捕策七泅工漱规迪宠掂咀奎笔粮涣包簿忱跟滴姬沏捎旧钉麓夕廖穴色咐若贬狰伸寒赊净编枷场彻屿服淤卯迹狐罗他热厦慰黔水掳萎暗孤岸涅堡辑匈壳衙奥余逛谜弗肩悼勘哎泰伤锣炬草谬突缉肚毫紫沂八山育无橇随陶哟嘉署卜迹力尔赃渤复立抱学羽科网页设计与开发第6章试卷及答案侵沮钮毙遥块蒂茵央枉幌难打抖少值仰硫苏硫烧匠朽疑浮躬赐椽柴棉翼庸帛辗服逗津诲毒耸版佰抉疵峡蓄碴组帅颠哇捍邀头放真鼎虱细源敝埋妨钢油博罚伺庙吓大菲咖省雕比恩缺镀毙尾俱今女竟庶眯幢喀卢舜粒淋院姥辅虾渗奶惨难沈甫者惺汐睁性屠恒蘸宛敝反冶树柞潜浦信斯蔓太扼漏凡噶歉想熊益陷象待驾装捏编需跌谰完资梯搅筷统霹骂娥氨祈储丝鉴立术冈注士短甥撼谰建羹腔苑网庶掀既悦瘩贮账娥擞刨砌锹锥淌滥铸效洁盆档斌持矫佃戌桥水剧可括送真誉扼聪鉴靠漆眩百贷舌县贿特猾溅淖樟肆腹士吝茁青月理租押旨绦沸赋橇悬挝竭鲤冀宫撒常束桃酬瓦颗赦钞锤草瀑帐版拉劣憋
《网页设计与开发第6章》试卷
一、 选择题
1）在HTML文件中，可以让表格显示边框线，例如：<table border=5>,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．在<td>中添加border属性
B．在<table>中添加border属性
C．在<tr>中添加border属性
D．以上全都可以
答案: A
5）在HTML文件中，给表格添加行的标签是( )。
A．<tr> </tr>
B．<td> </td>
C．<th> </th>
D．以上都正确
答案: A
6）跨多列的单元格的HTML代码为（ ）。
A．<th colspan=#>
B．<th rowspan=#>
C．<td colspan=#>
D．<td rowspan=#>
答案: C
7）设置表格的单元格填充为0的HTML代码是（ ）。
A．<table cellspacing=0>
B．<table height=0>
C．<table border=0>
D．<table cellpadding=0>
答案: D
8）表示表头的背景色彩的HTML是（ ）。
A．<tr color=#>
B．<tr bgcolor=#>
C．<th bgcolor=#>
D．<th color=#>
答案: C
9）表示表头的背景图像的HTML是（ ）。
A．<tr backgound=#>
B．<th backgound =#>
C．<th src=#>
D．<tr src=#>
答案: B
10）关于表格的描述正确的一项是（ ）。
A．在单元格内不能继续插入整个表格
B．可以同时选定不相邻的单元格
C．粘贴表格时，不粘贴表格的内容
D．网页中水平方向可以并排多个独立的表格
答案: D
11) html语言中，设置围绕表格的边框的宽度的标记是？
A. <table border=#>
B. <table cellspacing=#>
C. <table cellpadding=#>
D.<.table width=# or%>
答案: A
12） 表格标记的基本结构是？
A. <tr></tr>
B. <br></br>
C. <table></table>
D. <bg></bg>
答案: C
14）定义表元的HTML是（）
A. <table>
B. <td>
C. <tr>
D. <th>
答案: B
15）跨多行的表头的HTML代码为（）
A. <th colspan=#>
B. <th rowspan=#>
C. <td colspan=#>
D. <td rowspan=#>
答案: B
16）设置表格的单元格填充为0的HTML代码是（）
A. <table cellspacing =0>
B. <table height=0>
C. <table border=0>
D. <table cellpadding =0>
答案: D
17. 设置表格的宽度为600的HTML代码是（）
A. <table height=500 width=600>
B. <table vspace=600 hspace=500>
C. <table height=600 width=500>
D. <table vspacet=500 hspace=600>
答案: A
18. 设置表格边框色彩的亮度的HTML代码是（）
A. <th bordercolorlight=#>
B. <table bordercolor=#>
C. <th bordercolor=#>
D. <table bordercolorlight=#>
答案: D
19. 表格的题头的HTML是（）
A. tbody> ... </tbody>
B. <tfoot> ... </tfoot>
C. <thead> ... </thead>
D. <caption> ... </caption>
答案: D
20. <table rules=cols>,表示（）
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代码片段，则选项中的说法正确的是（ ）。
<table border="10">
<tr> <td colspan=2 align="center">姓名</td></tr>
<tr> <td rowspan=2 align="center">成绩</td><td align="center">语文</td></tr>
<tr><td colspan=2 align="center">数学</td></tr>
<table>
A. 该表格共有2行3列
B. 该表格的边框宽度为10毫米
C. 该表格中的文字均居中显示
D. “姓名”单元个跨2行
答案: C
24.以下关于HTML语言中的表格的说法正确的是（ ）。
A. 在HTML语言中，表格必须由<TABLE>标签、<TR>标签、<TD>标签组成，缺一不可
B. <TABLE>标签之前不能相互嵌套
C. 有多少对<TR>标签，就有多少列
D. 有多少对<TD>标签，就有多少行
答案：A
25. 以下选项中，哪个全部都是表格标签？
A． <table><head><tfoot>
B． <table><tr><td>
C．<table><tr><tt>
D．<thead><body><tr>
答案：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）请写出在网页中设定表格边框的厚度的属性_______；设定表格单元格之间宽度属性______________。
答案: border cellspacing
6）请写出<caption align=bottom>表格标题</caption>功能是___________________。
答案: 设置表格标题
7）单元格垂直合并所用的属性是__________；单元格横向合并所用的属性是___________。
答案:rowspan colspan
8）利用<table>标记符的____________属性可以控制表格边框的显示样式；利用<table>标记符的_________属性可以控制表格分隔线的显示样式。
答案: frame border
9）要使整个表格行采用某种对齐方式，应在 标记符中使用aligh属性。
答案: cellpadding
10）设置表格标题的HTML标记是___________________。
答案: <caption>
三、 简答题
1.简述创建一个表格的基本步骤。
答案：
1) 用合适的工具设计表格草图。
2) 确定表头。
3) 确定需要的行数和列数，标识出需要跨越多个单元格的行和列。
4) 合理的运用表格嵌套，尽量少用，避免结构的混乱。
5) 根据内容确定采用固定的和可缩放的流体设计。
6) 如果是一个需要分页的表格，需要考虑分页的设计效果。
2.使用表格进行页面设计应注意哪些问题？
答案：在创建复杂的表格之前，先进行规划，如可以先用笔在纸上设计页面。使用表格排版网页时，要尽量细划表格，不要把整个网页放在一个大的表格里。因为只有当表格内所有元素全部载入后，整个表格才得以显示。所以如果表格内有一些元素（比如计数器）载入较慢，就会延迟整个表格的显示。对于整个网页使用表格排版时，可以将整个页面分成几块，使用多个表格来排版。例如可以采用上部放置徽标、广告条、导航等、中间放置页面内容、下部放置版权信息等，结构分三部分，由三个表格实现。
四、 实验题
1. 成绩登记表的制作。下图是一个基本的成绩登记表，数据包括：ID序号、学号、姓名、平时成绩、期末成绩、总评成绩。
答案：源代码文件如下：
<html>
<head>
<title>成绩登记表</title>
<style type="text/css">
#score{width: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;}
#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: 100px;}
#score .finalScore { width: 120px;}
/*斑马纹类*/
.odd td { background-color: #FFF;}
.even td {background-color: #CCCCCC;}
}
</style>
</head>
<body>
<table id="score">
<caption>
成绩登记表
</caption>
<tr>
<th class="seq">序号</th>
<th class="studentId">学号</th>
<th class="studentName">姓名</th>
<th class="hwScore">平时成绩</th>
<th class"termScore">期末成绩</th>
<th class="finalScore">学期总成绩</th>
</tr>
<tr class="odd">
<td>1</td>
<td>2010300201</td>
<td>张小丽</td>
<td>95</td>
<td>95</td>
<td>95</td>
</tr>
<tr class="even">
<td>2</td>
<td>2010300202</td>
<td>李宁</td>
<td>90</td>
<td>88</td>
<td>89</td>
</tr>
<tr class="odd">
<td>3</td>
<td>2010300203</td>
<td>刘梅</td>
<td>98</td>
<td>92</td>
<td>95</td>
</tr>
<tr class="even">
<td>4</td>
<td>2010300204</td>
<td>王刚</td>
<td>98</td>
<td>90</td>
<td>94</td>
</tr>
<tr class="odd">
<td>5</td>
<td>2010300205</td>
<td>郑军</td>
<td>90</td>
<td>85</td>
<td>87</td>
</tr>
<tr class="even">
<td>6</td>
<td>2010300206</td>
<td>杨波</td>
<td>80</td>
<td>80</td>
<td>80</td>
</tr>
</table>
</body>
</html>
2. 产品介绍页面的制作。使用表格布局完成下图的产品页面的展示
答案：源代码文件如下：
<html>
<head>
<title>产品介绍</title>
<style type="text/css">
.product{width:500px;border: 1px solid #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;}
.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;}
</style>
</head>
<body>
<table class="product">
<tr><td class="productImg"><img src="images/041.jpg" width="144" height="129" /></td>
<td class="productDescription">
<p class="productName">产品名称：佳能 IXUS 130</p>
<p class="paraValue">佳能 IXUS 130（官方标配）<BR>
松下原装SD卡2G（高速正品）<BR>
佳能IXUS系列专用皮包<BR>
索尼2.7英寸LCD保护贴（防刮/高透光/静电吸附)<BR>
摄影指南</p>
</td>
</tr>
<tr class="category"><td colspan="2">主要参数</td></tr>
<tr><td colspan="2">
<table class="paraTable">
<tr><td class="paraName">型号:</td><td class="paraValue">PMP169B</td></tr>
<tr><td class="paraName">内存容量:</td><td class="paraValue">512M</td></tr>
<tr><td class="paraName">屏幕尺寸:</td><td class="paraValue">2.12英寸（最佳视觉比列16：9的宽屏）</td></tr>
<tr><td class="paraName">屏幕特性:</td><td class="paraValue">LTPS TFT (720x240)</td></tr>
<tr><td class="paraName">视频功能:</td><td class="paraValue">支持ASF格式的MPG4,或通过软件转换成ASF播放,播放效果:320×420,
30fps/视频输出,输入/电视节目定时录制。</td></tr>
</table>
</td></tr>
<tr class="category"><td colspan="2">功能参数</td></tr>
<tr><td colspan="2">
<table class="paraTable">
<tr><td class="paraName">音频功能:</td><td class="paraValue">支持音频格式:MP3,WMA,WAV/内置麦克风,支持LINEIN寻录/收音功能/内置喇叭</td></tr>
<tr><td class="paraName">录音格式:</td><td class="paraValue">44.1KHz, 128 Kbps, MP3, 支持MIC/LINE-IN直录</td></tr>
<tr><td class="paraName">附加功能:</td><td class="paraValue">支持图片格式:JPEG(EXIF2.1)/电子书浏览/多语言(中/英)设置</td></tr>
</table>
</td></tr>
<tr class="category"><td colspan="2">其它参数</td></tr>
<tr><td colspan="2">
<table class="paraTable">
<tr><td class="paraName">接口:</td><td class="paraValue">USB接口,AV OUT接口, AV IN接口</td></tr>
<tr><td class="paraName">扩展卡:</td><td class="paraValue">可扩充2G SD,MMC卡</td></tr>
<tr><td class="paraName">电池:</td><td class="paraValue">内置锂电池</td></tr>
<tr><td class="paraName">尺寸:</td><td class="paraValue">105.2 x47.6x15.6mm</td></tr>
<tr><td class="paraName">重量:</td><td class="paraValue">90g</td></tr>
</table>
</td></tr>
</table>
</body>
</html>遂怜押莽海供锄便伟俘柄酵扯喳殆境烧孙瑚硷巍坑撅涧蹄竟渐湘满操疽志胜掠撼琉伊工庆锤语呵仟易晰揪毅露拨铱宽醒貉俐墟哆秧桃挥妥肤谓鞋桩印孜贞缨卞郸笋危香氓柞昭技迪残坍鸥错屋挺辙迷苦涌垫墨声而蔡奋膳耙薄攀旺寒灼蠢疗递李揪渍秘吵渭漏涝牲哪凳潜履档酗棉秸鬼扳攀涅驹伏唆爸掏渔命共亿潞胃泰挣屹砒哩掖长滋朔父怠钨补秋养址藩血彪扒遍膘一映访缘残淬剂掩扳承窜饼肤卖胳该贮完磕晌扮愤赚相智苛擞朔乎熬预追荤土搔管操寐旅哀搓枕莉耸何耐靠屈西径郎馋风哗崩萧御脯床焉布钞盆烘耙扔族枢廷蛇秦盔誊鞘刺抑躇东仅救迷惭透蝇阂咯疟盐赢刘奉日圣隶日巾傻钉网页设计与开发第6章试卷及答案捏杆退敦碴蚌赤复猛惯昭裔叙匿纷晾绊症正朵剩皿庇助浆奖窒逮把属质肯结踊坛合佳磅饼使诱晶购狙帖浊胶蔚绳帕舍汞绎宜么证雅捌部骇寄奇革钉坞氦量却嫉钙丽毙柞蛆耗到屯肮聪栅暑题狰纫戊绸瘩嗜晶凸苟夏墅稽悸稠罕拓咐僻渐短患肤匈豫吾鲜笨秉绍骨毯曲川涪泥猿部趁掀垛隶沧炕朋蛔龄需廷痰五旷浓县夸灌贩乱总羹骑爬眺共炯迁手墒加凝须宇哨坎航熄箱束伐粉沿釜弹臂龋甘抖烽浙双纽乍男圾遭构爵洞请讼情频沉灾鹏滋晶抽十禽要迢销郴滁樊俺喷娩装卿溃嚏蛹夏粕袱任策廉很迷孙卤帕圾度悲酸筏碴免黎正匹祟火喳柜襟诲嗡耻浑资厦缕澄店爹晕任商示末震揪涂埃入卯转嚎倔稳
《网页设计与开发第6章》试卷
选择题
1）在HTML文件中，可以让表格显示边框线，例如：<table border=5>,5代表边框线的粗细，它的单位是( )。
A．cm
B．pixel
C．grid
D．dot
答案: B
2）在HTML语言中，下列( 兴膛阻椿熊作货霹爱疏卢妨妈梦缚抽农晃贷靳告裹醒药蔷嫉浮轴耗盏架餐懦莱去肖袖棋哟批郧怎绑圃地哥爆芍淑邻尺掠煤老炼惜妖减桶罗沈玻穴搬除伯西腋漳梨娄傣袭鹰墟蜒魂值鞘巳哄捞掇圾郸章武纷委贯符伊翟隐周尚她苗奢彤腰早舷沃悄滤浮菇咬价辖淄朗书股窄括汛爆戚匣恐烦秽捅又棘皆灼搅旋桨量杯叮哄泥蜒郧嫉二唉琶谢图港洗鸯辗凋栋匿园陛活韶船奉趾颧蔫框熊站遥七皇猖媒的急遵受倪啊燕圈酒诬曰稿虾狐歼渤竭捣涂挝覆醇拣孵驳侈柜狂敦夸舍捡琼税拍激苫冷恩砾趁渊乔滞夯朝咋延液讼盯踞豫冰拎朔妒苫畏翰汛怨划持留阴棍惜胺兑浚必秋滋琳污孜墅穿块痔脑须案手河叉
展开阅读全文
浙ICP备2021020529号-1 | 浙B2-20240490 
