网页设计和开发第6章试题及答案解析_第1页
网页设计和开发第6章试题及答案解析_第2页
网页设计和开发第6章试题及答案解析_第3页
网页设计和开发第6章试题及答案解析_第4页
网页设计和开发第6章试题及答案解析_第5页
已阅读5页,还剩9页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

./《网页设计与开发第6章》试卷选择题1在HTML文件中,可以让表格显示边框线,例如:<tableborder=5>,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下列<>设置能使单元格显示边框。A.在<td>中添加border属性B.在<table>中添加border属性C.在<tr>中添加border属性D.以上全都可以答案:A5在HTML文件中,给表格添加行的标签是<>。A.<tr></tr>B.<td></td>C.<th></th>D.以上都正确答案:A6跨多列的单元格的HTML代码为〔。A.<thcolspan=#>B.<throwspan=#>C.<tdcolspan=#>D.<tdrowspan=#>答案:C7设置表格的单元格填充为0的HTML代码是〔。A.<tablecellspacing=0>B.<tableheight=0>C.<tableborder=0>D.<tablecellpadding=0>答案:D8表示表头的背景色彩的HTML是〔。A.<trcolor=#>B.<trbgcolor=#>C.<thbgcolor=#>D.<thcolor=#>答案:C9表示表头的背景图像的HTML是〔。A.<trbackgound=#>B.<thbackgound=#>C.<thsrc=#>D.<trsrc=#>答案:B10关于表格的描述正确的一项是〔。A.在单元格内不能继续插入整个表格B.可以同时选定不相邻的单元格C.粘贴表格时,不粘贴表格的内容D.网页中水平方向可以并排多个独立的表格答案:D11>html语言中,设置围绕表格的边框的宽度的标记是?A.<tableborder=#>

B.<tablecellspacing=#>

C.<tablecellpadding=#>D.<.tablewidth=#or%>答案:A12表格标记的基本结构是?

A.<tr></tr>

B.<br></br>

C.<table></table>

D.<bg></bg>答案:C14定义表元的HTML是〔A.

<table>B.

<td>C.

<tr>D.

<th>答案:B15跨多行的表头的HTML代码为〔A.

<thcolspan=#>B.

<throwspan=#>C.

<tdcolspan=#>D.

<tdrowspan=#>答案:B16设置表格的单元格填充为0的HTML代码是〔A.

<tablecellspacing=0>B.

<tableheight=0>C.

<tableborder=0>D.

<tablecellpadding=0>答案:D17.

设置表格的宽度为600的HTML代码是〔A.

<tableheight=500width=600>B.

<tablevspace=600hspace=500>C.

<tableheight=600width=500>D.

<tablevspacet=500hspace=600>答案:A18.

设置表格边框色彩的亮度的HTML代码是〔A.

<thbordercolorlight=#>B.

<tablebordercolor=#>C.

<thbordercolor=#>D.

<tablebordercolorlight=#>答案:D19.

表格的题头的HTML是〔A.

tbody>...</tbody>B.

<tfoot>...</tfoot>C.

<thead>...</thead>D.

<caption>...</caption>答案:D20.

<tablerules=cols>,表示〔A.

显示所有分隔线B.

只显示组<Groups>与组之间的分隔线C.

只显示行与行之间的分隔线D.

只显示列与列之间的分隔线答案:D21.如果要使浏览器不显示表格边框,应将"边框粗细"设置为〔。A:1

B:2

C:3

D:0

答案:D22.Html标记中,用什么方法可以将整个表格在页面中居中?A.place=middleB.type=middleC.align=centerD.type=center答案:C23.分析下面的HTML代码片段,则选项中的说法正确的是〔。<tableborder="10"><tr><tdcolspan=2align="center">姓名</td></tr><tr><tdrowspan=2align="center">成绩</td><tdalign="center">语文</td></tr><tr><tdcolspan=2align="center">数学</td></tr><table>该表格共有2行3列该表格的边框宽度为10毫米该表格中的文字均居中显示"姓名"单元个跨2行答案:C24.以下关于HTML语言中的表格的说法正确的是〔。在HTML语言中,表格必须由<TABLE>标签、<TR>标签、<TD>标签组成,缺一不可<TABLE>标签之前不能相互嵌套有多少对<TR>标签,就有多少列有多少对<TD>标签,就有多少行答案:A25.以下选项中,哪个全部都是表格标签?A.<table><head><tfoot>B.<table><tr><td>C.<table><tr><tt>D.<thead><body><tr>答案:B知识点:表格标记26.哪一个标记用于使HTML文档中表格里的单元格在同行进行合并?A.cellspacingB.cellpaddingC.rowspanD.colspan答案:D27.以下说法中,错误的是:。A.表格在页面中的对齐应在TABLE标记符中使用align属性。B.要控制表格内容的水平对齐,应在TR、TD、TH中使用align属性。C.要控制表格内容的垂直对齐,应在TR、TD、TH中使用valign属性。D.表格内容的默认水平对齐方式为居中对齐答案:D28.下列说法中正确的是〔A.使用表格进行布局时,表格的宽度都必须采用百分比计量方式B.表格不可以实现嵌套 C.为了提高网页的下载速度,一般应把所有内容分成几块放在几个表格中D.使用表格进行布局时,最内层表格的宽度采用绝对计量方式答案:C29.很多动态大型网站也都是借助<>排版,它可以把相互关联的信息元素集中定位。A.表单 B.表格 C.文字 D.图像答案:B30、在复杂的表格结构中,有的单元格在水平方向上是跨多个单元格的,这时需要使用〔属性A.colspace B.rowspace C.cellpaddingD.cellspacing答案:A填空题在表格属性中,当表格的边框线设为______时,表格线不可见。答案:0表格的______属性指定了单元格中的内容与单元格边框之间的空间大小。答案:cellpadding如果不希望表格宽度随窗口大小而变化,一般应该以_____为单位定义表格宽度。答案:百分比4表格的宽度可以用百分比和____两种单位来设置。答案:像素5请写出在网页中设定表格边框的厚度的属性_______;设定表格单元格之间宽度属性______________。答案:bordercellspacing6请写出<captionalign=bottom>表格标题</caption>功能是___________________。答案:设置表格标题7单元格垂直合并所用的属性是__________;单元格横向合并所用的属性是___________。答案:rowspancolspan8利用<table>标记符的____________属性可以控制表格边框的显示样式;利用<table>标记符的_________属性可以控制表格分隔线的显示样式。答案:frameborder9要使整个表格行采用某种对齐方式,应在标记符中使用aligh属性。答案:cellpadding10设置表格标题的HTML标记是___________________。答案:<caption>简答题1.简述创建一个表格的基本步骤。答案:用合适的工具设计表格草图。确定表头。确定需要的行数和列数,标识出需要跨越多个单元格的行和列。合理的运用表格嵌套,尽量少用,避免结构的混乱。根据内容确定采用固定的和可缩放的流体设计。如果是一个需要分页的表格,需要考虑分页的设计效果。2.使用表格进行页面设计应注意哪些问题?答案:在创建复杂的表格之前,先进行规划,如可以先用笔在纸上设计页面。使用表格排版网页时,要尽量细划表格,不要把整个网页放在一个大的表格里。因为只有当表格内所有元素全部载入后,整个表格才得以显示。所以如果表格内有一些元素〔比如计数器载入较慢,就会延迟整个表格的显示。对于整个网页使用表格排版时,可以将整个页面分成几块,使用多个表格来排版。例如可以采用上部放置徽标、广告条、导航等、中间放置页面内容、下部放置版权信息等,结构分三部分,由三个表格实现。实验题成绩登记表的制作。下图是一个基本的成绩登记表,数据包括:ID序号、学号、姓名、平时成绩、期末成绩、总评成绩。答案:源代码文件如下:<html><head><title>成绩登记表</title> <styletype="text/css"> #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;}} </style></head><body><tableid="score"><caption>成绩登记表</caption><tr><thclass="seq">序号</th><thclass="studentId">学号</th><thclass="studentName">姓名</th><thclass="hwScore">平时成绩</th><thclass"termScore">期末成绩</th><thclass="finalScore">学期总成绩</th></tr><trclass="odd"><td>1</td><td>2010300201</td><td>张小丽</td><td>95</td><td>95</td><td>95</td></tr><trclass="even"><td>2</td><td>2010300202</td><td>李宁</td><td>90</td><td>88</td><td>89</td></tr><trclass="odd"><td>3</td><td>2010300203</td><td>刘梅</td><td>98</td><td>92</td><td>95</td></tr><trclass="even"><td>4</td><td>2010300204</td><td>王刚</td><td>98</td><td>90</td><td>94</td></tr><trclass="odd"><td>5</td><td>2010300205</td><td>郑军</td><td>90</td><td>85</td><td>87</td></tr><trclass="even"><td>6</td><td>2010300206</td><td>杨波</td><td>80</td><td>80</td><td>80</td></tr></table></body></html>产品介绍页面的制作。使用表格布局完成下图的产品页面的展示答案:源代码文件如下:<html><head><title>产品介绍</title><styletype="text/css">.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;}</style></head><body><tableclass="product"><tr><tdclass="productImg"><imgsrc="images/041.jpg"width="144"height="129"/></td><tdclass="productDescription"><pclass="productName">产品名称:佳能IXUS130</p><pclass="paraValue">佳能IXUS130〔官方标配<BR>松下原装SD卡2G〔高速正品<BR>佳能IXUS系列专用皮包<BR>索尼2.7英寸LCD保护贴〔防刮/高透光/静电吸附><BR>摄影指南</p></td></tr><trclass="category"><tdcolspan="2">主要参数</td></tr><tr><tdcolspan="2"><tableclass="paraTable"><tr><tdclass="paraName">型号:</td><tdclass="paraValue">PMP169B</td></tr><tr><tdclass="paraName">内存容量:</td><tdclass="paraValue">512M</td></tr><tr><tdclass="paraName">屏幕尺寸:</td><tdclass="paraValue">2.12英寸〔最佳视觉比列16:9的宽屏</td></tr><tr><tdclass="paraName">屏幕特性:</td><tdclass="paraValue">LTPSTFT<720x240></td></tr><tr><tdclass="paraName">视频功能:</td><tdclass="paraValue">支持ASF格式的MPG4,或通过软件转换成ASF播放,播放效果:320×420,30fps/视频输出,输入/电视节目定时录制。</td></tr></table></td></tr><trclass="category"><tdcolspan="2">功能参数</td></tr><tr><tdcolspan

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论