网页制作HTML题库_第1页
网页制作HTML题库_第2页
网页制作HTML题库_第3页
网页制作HTML题库_第4页
网页制作HTML题库_第5页
已阅读5页,还剩34页未读 继续免费阅读

下载本文档

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

文档简介

网页制作HTML题库主要依据《网页制作教程》(第三版)第一章HTML基础第1题判断正误(1) HTML标记符的属性一般不区分大小写。(2) 网站就是一个链接的页面集合。(3) 将网页上传到Internet时通常采用FTP方式。(4) 所有的HTML标记符都包括开始标记符和结束标记符。(5) 可以用文本编辑器编辑HTML文件。(6) 文本编辑器和HTML编辑器软件都可以用来编辑HTML文件。(7) TITLE标记符通常位于BODY标记符之间。(8) TITLE标记符通常位于HEAD标记符之间。(9) title标记符和title属性的作用是相同的。第2题单选题(1)WWW是B 的意思。网页B.万维网C.浏览器D.超文本传输协议(2) 在网页中显示特殊字符,如果要输入七”,应使用。lt;B.≪C.<D.<(3)以下说法中,错误的是:。获取WWW服务时,需要使用浏览器作为客户端程序。WWW服务和电子邮件服务是Internet提供的最常用的两种服务。网站就是一系列逻辑上可以视为一个整体的页面的集合。D•所有网页的扩展名都是.htm。(4)以下说法中,错误的是:。网页的本质就是HTML源代码。网页就是主页。使用“记事本”编辑网页时,通常应将其保存为,htm或.html后缀。本地网站通常就是一个完整的文件夹。(5)以下说法中,错误的是:。主页是网站中的一个特定页面。网页中的注释可以放在任何位置。在HTML中, 表示空格。在HTML中,<表示>。(6) 浏览网页时,通常使用以下协议:A.mailtoB.FTPC.HTTPD.TCP/IP在网页中显示特殊字符,如果要输入空格,应使用 D―。A.nbsp;B.&Nbsp;C. D. 以下软件中,不能直接用来编辑HTML文件的是:。A.记事本B.FrontPageC.FlashD.Dreamweaver以下软件中,不属于所见即所得的网页编辑软件的是:。A.记事本B.FrontPageC.GoLiveD.Dreamweaver以下有关HTML标记符的属性的说法中,错误的是:。在HTML中,所有的属性都放置在开始标记符的尖括号里。属性与HTML标记符的名称之间用空格分隔。属性的值放在相应属性之后,用等号分隔;而不同的属性之间用分号分隔。HTML属性通常也不区分大小写。以下说法中,错误的是:网页可以设置背景声音。如果同时设置网页的背景颜色和背景图案,在不修改浏览器默认设置的情况下仅显示背景图案。网页的背景声音的文件格式只能是midi格式。指定网页的背景图案时,既可以使用相对路径也可以使用绝对路径。以下说法中,错误的是:网页可以设置背景声音。如果同时设置网页的背景颜色和背景图案,在不修改浏览器默认设置的情况下仅显示背景图案。网页的背景声音的文件格式只能是wav格式。指定网页的背景图案时,既可以使用相对URL也可以使用绝对URL。设置正文和超链接颜色时,可以使用BODY标记符的text、link、vlink和alink属性。其中,用于设置未被访问的超链接的颜色的属性是:A.text B.linkC.vlinkD.alink第3题填空题如果要为网页指定黑色的背景颜色,应使用以下html语句:<body>上网浏览网页时,应使用作为客户端程序。TITLE标记符应位于标记符之间。要设置网页在黑色背景下显示白色文字,应使用 语句。要设置整个网页的背景颜色,应在body标记符中设置 属性。设置整个网页的背景图案在body标记符中设属性。第4题问答题简要说明html的基本工作原理。(5分)简要说明WWW工作的基本原理。第二章文本格式第1题判断正误用H1标记符修饰的文字通常比用H6标记符修饰的要小。B标记符表示用粗体显示所包括的文字。指定滚动字幕时,不允许其中嵌入图象。指定水平线粗细的属性是size。指定水平线粗细的属性是widtho指定电子邮件超链接时,href属性的取值是:mailto=邮件地址。./public/index.htm是一个绝对URL。是一个绝对URL。使用相对地址时,符号..表示当前目录。使用相对地址时,符号..表示上一级目录。第2题单选题以下关于FONT标记符的说法中,错误的是:可以使用color属性指定文字颜色。可以使用size属性指定文字大小(也就是字号)。指定字号时可以使用1~7的数字。语句<FONTsize="+2”>这里是2号字</FONT>将使文字以2号字显示。以下说法中,正确的是:。P标记符与BR标记符的作用一样。多个P标记符可以产生多个空行。多个BR标记符可以产生多个空行。P标记符的结束标记符通常不可以省略。要控制水平线的粗细,应使用以下属性:。colorwidthsizeheight以下代码中,不能产生多个空行效果的是:A.<BR><BR><BR><BR>B.<P><P><P><P><P> <P> <P> <P> <BR> <BR> <BR> <BR>以下标记符中,默认align属性不是left的是:<P>B.<HR>C.<H1>D.<DIV>以下关于字体格式设置的说法中,错误的是:可以使用FONT标记符指定文字颜色。可以使用CSS字体属性指定字体的大小。可以使用FONT标记符将字体设置为斜体效果。可以使用CSS字体属性将字体设置为斜体效果。以下关于字体格式设置的说法中,错误的是:可以使用FONT标记符指定文字大小。可以使用CSS字体属性指定文字颜色。可以使用FONT标记符将字体设置为斜体效果。可以使用CSS字体属性将字体设置为斜体效果。以下有关列表的说法中,错误的是:。有序列表和无序列表可以互相嵌套。指定嵌套列表时,也可以具体指定项目符号或编号样式。无序列表应使用UL和LI标记符进行创建。在创建列表时,LI标记符的结束标记符不可省略。以下有关列表的说法中,错误的是:。有序列表和无序列表可以互相嵌套。有序列表默认的type属性值是“1”。无序列表默认的type属性值是“circle”。在创建列表时,LI标记符的结束标记符可以省略。以下有关列表的说法中,错误的是:。有序列表和无序列表可以互相嵌套。有序列表默认的type属性值是“A”。无序列表默认的type属性值是“disc”。在创建列表时,LI标记符的结束标记符可以省略。第3题填空题<hrwidth=50%>表示创建一条的水平线。在OL标记符中,使用属性可以控制有序列表的数字序列样式。在UL标记符中,使用属性可以控制无序列表的项目符号样式。要设置一条一像素粗、200像素长的左对齐的水平线,应使用语句。要指定“比默认字体大一号,字体为隶书”的字体效果,可使用<FONT>文字</FONT>语句。要使文字同时显示为粗体和斜体,应使用语句 。如果要创建一个指向电子邮件 的超链接,代码应该如下:<a>指向 的超链接</a>在指定页内超链接的时候,如果在某一个位置使用了<3="target1”>锚点<^>语句定义了锚点,那么应使用以下语句,以便在单击超链接时跳转到锚点定义的位置:<ahref=>锚点链接</a>已知站点文件夹结构如图所示,要在interest.htm这个网页中插入sunset.gif,应使用语句。Webs'sMyveb_iC:DocLiinenlWebs'sMyvebEl-tJimagescity,giffrc:-ntpag.gifsunset,gif:••卸IndeiLhtnE|-t3intorest"•罚interest,htn+_Jfavorite由•幻photo(10)已知站点文件夹结构如图所示,要在 interest.htm这个网页中创建一个能跳转到index.htm文件的超链接(链接文字为“返回”),应使用语句。(11) 已知站点文件夹结构如图所示,要在index.htm这个网页中插入一个链接到interest.htm的超链接,并且使用frontpage.gif作为超链接的源(也就是制作一个图像超链接),应使用语句:<ahref="interest/interest.htm></a>。(12) 在指定锚点超链接的时候,如果在文件file1.htm某一个位置使用了<a="target1”>锚点<^>语句定义了锚点,那么应使用以下语句,以便在file2.htm中单击超链接时跳转到file1.htm中该锚点定义的位置:<ahref=锚点链接<^>第4题问答题(1) 简要说明如何在html中创建锚点链接。(2) 根据超链接的目标位置的不同,超链接一般包括哪些类别(锚点链接)。第三章使用图像第1题判断正误(1) GIF格式的图象最多可以显示256种颜色。(2) 创建图象映射时,理论上可以指定任何形状作为热点。(3) GIF格式能够设置透明色。(4) 在常用的网页图像格式中,只有GIF格式能够设置透明色。(5) Freehand是一种位图编辑软件。(6) CorelDraw是一种矢量图编辑软件。(7) 在网页中使用图像时应该尽量使用更多的格式。(8) 在img标记符中使用align属性可以使其在页面中居中对齐。第2题单选题(1)以下关于JPEG图像格式中,错误的是:适合表现真彩色的照片。最多可以指定1024种颜色。不能设置透明度。可以控制压缩比例。以下说法中,错误的是:。GIF格式的图象采用无损压缩算法进行图象压缩。只有GIF格式才能使用透明色。GIF格式支持动画。GIF格式最多可以显示256种颜色。以下说法中,错误的是:。JPEG格式使用有损压缩算法进行图象压缩。处理JPEG格式的图象时,可以控制压缩比率。JPEG格式的图象几乎没有颜色限制。JPEG格式的图象具有透明色的特点。以下说法中,正确的是:。可以通过直接改文件名后缀来修改图象格式。矢量图通常比位图的文件尺寸大。使用图象处理软件可以修改图象的像素大小。Flash是一种位图处理软件。以下说法中,正确的是:。在IMG标记符中使用align属性,可以控制图象在页面中的对齐。在IMG标记符中使用align属性,可以控制图象与文字的环绕效果。在IMG标记符中使用valign属性,可以控制图象与周围内容的垂直对齐。在IMG标记符中使用valign属性,可以控制图象与周围内容的水平对齐。以下软件中,不属于位图编辑软件的是:Photoshop BoFireworks C。PhotoImpactD。Illustrator第3题填空题请至少说明GIF格式的两种特点:;。请至少说明JPEG格式的两种特点:;。请至少说出两种以上的图像处理软件的名称:。在给图象指定超链接时,默认情况下总是会显示蓝色边框,如果不想显示蓝色边框,应使用以下语句:<ahref=”test.htm''><imgsrc=image.gif></a>在网页中插入图像时,最基本的两个属性。第4题问答题简要说明使用网页图像时应注意的问题。简要说明GIF格式和JPEG格式图像的特点。第四章表格与框架第1题判断正误(1) HTML表格在默认情况下有边框。(2) 在HTML表格中,TD和TH标记符都可以用来包括单元格内容。(3) 在HTML表格中,表格的行数等于TR标记符的个数。(4) 在HTML表格中,表格的列数等于任意一行中TH与TD的个数。(5) 在HTML表格中,表格的列数等于任意一行中TH与TD的colspan属性的和。(6) 在HTML表格中,表格的列数等于第一行中TH与TD的colspan属性的和。(7) 在HTML表格中,在TR、TD或TH标记符中使用align属性可以控制单元格内容的垂直对齐。(8) HTML表格内容的垂直对齐方式默认为垂直居中。(9) 框架是一种能在同一个浏览器窗口中显示多个网页的技术。(10) 要想在一个网页中嵌套另外一个网页,一般可以使用页内框架。(11) 只有在框架结构的网页中,才能将A标记符的target属性指定为_blank,从而使超链接目标文件在一个新的浏览器窗口中打开。第2题单选题(1)以下说法中,错误的是:。表格在页面中的对齐应在TABLE标记符中使用align属性。要控制表格内容的水平对齐,应在TR、TD、TH中使用align属性。要控制表格内容的垂直对齐,应在TR、TD、TH中使用valign属性。表格内容的默认水平对齐方式为居中对齐(2) 要创建一个左右框架,右边框架宽度是左边框架的3倍,以下HTML语句正确的是:<FRAMESETcols="*,2*"><FRAMESETcols="*,3*"><FRAMESETrows="*,2*"><FRAMESETrows="*,3*">(3) 要创建一个上下框架,下边框架高度是上边框架的3倍,以下HTML语句正确的是:。<FRAMESETcols="*,2*"><FRAMESETcols="*,3*"><FRAMESETrows="*,2*"><FRAMESETrows="*,3*">(4)要创建一个如图所示的框架,应使用以下代码:。|营■套框混■.lerMmm|营■套框混■.lerMmm心metEl网wei8日花Hl电E夜件■:p«U<E> 收imTAilJ学助MJ4rti退iffilt如®o!\^Fl\chpi\iui-sn.nt><FRAMESETcols="100,*"><FRAME><FRAMESETcols="120,*"><FRAME><FRAME></FRAMESET></FRAMESET><FRAMESETrows="100,*"><FRAME><FRAMESETcols="120,*"><FRAME><FRAME></FRAMESET></FRAMESET><FRAMESETcols="100,*"><FRAME><FRAMESETrows="120,*"><FRAME><FRAME></FRAMESET></FRAMESET><FRAMESETrows="100,120,*"><FRAME><FRAME><FRAME></FRAMESET></FRAMESET>要创建一个如图所示的框架,应使用以下代码::S序始WCe:1licTtt3Ktii工具(I「vwm 皿■「T.Jjl空我JJ强1+n|3-J苛U夔起麻我ttfi也岷后史«4打印疝iffl陌政叫画山芝'WZlul-SLlim ■/收时林 , |四聃朝宙<FRAMESETcols="100,*"><FRAME><FRAMESETcols="150,*"><FRAME><FRAME></FRAMESET></FRAMESET><FRAMESETrows="100,*"><FRAME><FRAMESETcols="150,*"><FRAME><FRAME></FRAMESET></FRAMESET><FRAMESETcols="100,*"><FRAME><FRAMESETrows="150,*"><FRAME><FRAME></FRAMESET></FRAMESET><FRAMESETrows="100,120,*"><FRAME><FRAME><FRAME></FRAMESET></FRAMESET>以下关于框架显示效果的说法中,错误的是:。只有所有相邻框架的边框都设置为0,才能隐藏边框。可以在FRAME标记符中使用marginwidth和marginheight属性控制框架内容与框架边框之间的距离。框架的边框默认可以移动。框架默认时有滚动条。以下特殊框架名称中,代表一个新的浏览器窗口的是:。A._topB._selfC._parentD._blank第3题填空题(1)要控制单元格内容与表格框线之间的空白,应在TABLE标记符中使用属性 。要使整个表格行采用某种对齐方式,应标记符中使用align属性。创建超链接时,要使目标文件在一个新窗口中打开,应使用<2href=test.htm>跳转到新窗口</a>设置超链接的目标框架时,除了可以使用特殊框架名,还可以使用框架集文件中标记符指定的name属性所对应的框架。在HTML表格中进行单元格合并时,可以使用TD或TH的属性进行行合并,使用它们的colspan属性进行列合并。在HTML表格中进行单元格合并时,可以使用TD或TH的rowspan属性进行行合并,使用它们的属性进行列合并。第4题问答题(1)简要说明表格与框架布局的区别。(6分)第5题综合题1、编写出实现如图所示页面效果的关键html代码。其中,A、B、C、D、E均为默认字号和默认字体,并且加粗显示,它们都位于各自单元格的正中间,A单元格的高度为200像素,B单元格的高度为100像素,C单元格的宽度为100像素,高度为200像素。(10分)2、已知页面效果如图所示(其中的细线效果均为一像素粗细,颜色为黑色),请填写以下html代码中留下的空白(编号相同的空白表示应填写相同的内容),注意填写在题后的空白里。(10分)<TABLEcellspacing=(1)cellpadding=(2)align="center"><TRheight="100”><TDwidth="100"> TOC\o"1-5"\h\z<TDwidth=T (3) ><TDwidth="600”><H1align="center"><FONT(4) ="楷体_gb2312”>如梦令</FONT></H1><TR (5) ="1”><TDcolspan="3"(3) ><TRheight="600”><TDwidth="100"> <TDwidth="1"(3) ><TDwidth="600"align="middle"valign="top"><H3><BR><BR>昨夜雨疏风骤,<BR>浓睡不消残酒°<BR>试问卷帘人,<BR>却道海棠依旧°<BR>知否?知否?<BR>应是绿肥红瘦。</H3></TABLE>(1) (2) (3) (4) (5)3、已知源代码如下所示(共5个文件,都位于同一目录下),请用文字或示意图(也可结合使用)说明网页效果。(10分) index.htm <HTML><HEAD><TITLE>框架结构</TITLE></HEAD><FRAMESETcols="150,*"><FRAMEsrc="content.htm"><FRAMEsrc="main.htm"name="content"></FRAMESET></HTML> content.htm <HTML><HEAD><TITLE>目录</TITLE><STYLE>A{text-decoration:none}</STYLE></HEAD><BODY><Ahref=file1.htmtarget="content">文件1</A><P><Ahref=file2.htmtarget="_blank">文件2</A></BODY></HTML> main.htm <HTML>内容</HTML> file1.htm <HTML>内容1</HTML> file2.htm <HTML>内容2</HTML>4、已知网页初始效果如图所示,整个窗口分为左右两框,左边框架为150像素;单击左边框架中的“文件1”超链接,将在右边框架中显示“内容1”;单击左边框架中的“文件2”超链接,将在当前整个窗口中显示“内容2”(即框架结构消失)。所有的超链接均没有下划线。请填写以下源代码中的空白。注意:所有5个文件都位于同一目录下。(10分) index.htm <HTML><HEAD><TITLE>框架结构</TITLE></HEAD><FRAMESET(1)= (2)><FRAMEsrc="content.htm"><FRAMEsrc="main.htm"name=(3)></FRAMESET></HTML> content.htm <HTML><HEAD><TITLE>目录</TITLE><STYLE> (4) {text-decoration:none}</STYLE></HEAD><BODY><Ahref=file1.htmtarget="content">文件1</A><P><Ahref=file2.htmtarget= (5) >文件2</A></BODY></HTML> main.htm <HTML>内容</HTML> file1.htm <HTML>内容1</HTML> file2.htm <HTML>内容2</HTML>5、已知页面效果如图所示(其中的细线效果均为一像素粗细,颜色为黑色),请填写以下html代码中留下的空白(编号相同的空白表示应填写相同的内容),注意填写在题后的空白里。(10分)<TABLE(1)="0"cellpadding=(2) align="center"><TRheight="100”><TDwidth="100"> TOC\o"1-5"\h\z<TDwidth=T (3) ><TDwidth="600”><H1 (4)><FONTface="楷体_gb2312”>如梦令</FONT></H1><TRheight="1”><TD (5) =、3" (3) ><TRheight="600”><TDwidth="100"> <TDwidth="1" (3) ><TDwidth="600"align="middle"valign="top"><H3><BR><BR>昨夜雨疏风骤,<BR>浓睡不消残酒°<BR>试问卷帘人,<BR>却道海棠依旧°<BR>知否?知否?<BR>应是绿肥红瘦。</H3></TABLE>6、已知页面效果如图所示,请填写以下html代码中留下的空白。(10分)。情国登记姓名:1密码己性别:「男尸女 |提交重写<form><tableborderbgcolor="#eeeeee"><tr><td(1) align=center><b>情况登记</b><tr><td>姓名:<td> (2) <tr><td>密码:<td><INPUTsize="20” ⑶value="pwd"><tr><td>性别:<td><INPUTname="sex"type=radio>^<INPUTname="sex"type=radio>^<tr><td> <td><INPUT⑷ value="提交”〉<INPUTtype="reset" (5) ></table></form>7、已知页面效果如图所示(其中的细线效果为一像素粗细,颜色为灰色),请填写以下html代码中留下的空白。(10分)个人信息姓名:1密码!性别:厂充「女提交重写<FORM><TABLE(1)cellpadding="5"align="center"bgcolor="#dddddd">

<TR><TD(2) colspan="2"><B>个人信息<TR><TD<TRbgcolor="white"><TD>姓名:<TD><INPUTsize="20"><TRbgcolor="white"><TD>^码:<TD><INPUTsize="20” (3)value="pwd"><TRbgcolor="white"><TD>性别:<TD><INPUTname="sex"type=radio>^<INPUT⑷type=radio>女<TR><TD> <TD><INPUTvalue=”提交” (5) ><INPUTtype="reset"value="重写”〉</TABLE>8、已知页面效果如图所示,请填写以下html8、已知页面效果如图所示,请填写以下html代码中留下的空白。(10分)。<tr><tdheight="300"width="100”(2) >A</td><tdheight="100"width="400"colspan="4”>D</td></tr><tr><tdheight="200"width="100"rowspan="2”>E</td><tdheight="100"width="200"colspan="2”(3) >H</td><tdheight="300"width="100"rowspan="4”>C</td></tr><tr><tdheight="100"width="100”(4) >I</td><tdheight="200"width="100"rowspan="2”>G</td></tr><tr><tdheight="100"width="200”(5) >F</td></tr><tr><tdheight="100"width="400"colspan="4”>B</td></tr></table>9、已知页面效果如图所示(其中的细线效果均为一像素粗细,颜色为灰色),请填写以下html代码中留下的空白。(10分)个人信息姓名:1 1密码:职业己1学生工J火.2G湖。以下C2000以上提交1重写1<FORM><TABLE(1)cellpadding="5"align="center"bgcolor="#cccccc"><TR><TD(2) colspan="2”><B>个人信息</B><TRbgcolor="white"><TD>姓名:<TD><INPUTsize="20"><TRbgcolor="white"><TD>^码:<TD><INPUTsize="20” (3)value="pwd"><TRbgcolor="white"><TD>职业:<TD><selectsize="1"name="D1”><optionselected>学生</option><option>教师</option><option>职员</option><option>军人</option><option>经理</option><option>其他</option></select><TRbgcolor="white"><TD>收入:<TD><inputtype="radio"value="V1”⑷name="R1"id="fp1”><label(5) >2000以下</label><inputtype="radio"name="R1"value="V2"id="fp2”><labelfor="fp2”>2000以上</label><TR><TD> <TD><INPUTvalue="提交”type="submit"><INPUTtype="reset"value="重写”〉</TABLE></FORM>

10、已知网页初始效果如图1所示,整个窗口分为三框,左边框架为180像素宽,右上框架占窗口高度的20%。单击左边框架中的“链接1”超链接,将在右下框架中显示“pagel”;单击左边框架中的“链接2”超链接,将在一个新窗口中显示“page2”,单击左边框架中的“链接3”超链接,将在整个窗口中显示“page3”(即框架结构消失)。对于所有的超链接,当鼠标指针移动到超链接上时,下划线消失并且字体变为斜体,如图2所示。请填写以下源代码中的空白。注意:所有5个文件都位于同一目录下。(10分) index.htm <html><head><title>框架集网页</title></head><frameset(1) ><framename="left"scrolling="no"noresize(2) ><framesetrows="20%,*”><framename="rtop"src="top.htm"><framename="rbottom"src="main.htm"></frameset></frameset></html> left.htm <html><head><style>(3){text-decoration:none:font-style:italicl</style></head><body><p><ahref="page1.htm"(4)>链接1</a></p><p><ahref="page2.htm"(5) >链接2</a></p><p><ahref="page3.htm"target="_top">M®3</a></p></body></html> top.htm <html><body><p>横幅广告<巾></body></html> main.htm <html><body></body></html> page1.htm <html><body><p>page1</p></body></html> page2.htm <html><body><p>page2</p></body></html> page3.htm <html><body><p>page3</p></body></html>

11、已知页面效果如图所示(其中,A、B、C、D、E均为默认字号和默认字体,并且加粗显示,它们都位于各自单元格的正中间,A单元格的高度为200像素,B单元格的高度为100像素,C单元格的宽度为100像素,高度为200像素),请填写以下html代码中留下的空白。(10分)。<tablewidth=300border="1"(1)><tr><td(2)align="center"><b>A</b><tdcolspan="2"height="100"(3)><b>B</b><tralign="center"><tdheight="100"><b>C</b><tdrowspan="2"><(5)><tdcolspan="2"height="100”><b>E</b></table>12、已知页面效果如图所示(其中所有的线条粗细均为1像素,颜色为黑色;“内容”所在单元格的背景色为#dddddd),请填写以下html代码中留下的空白。(10分)<html><head><title>(1)</title></head><body><h1align="center">主题1</h1><hralign="left"(2) ="1"width="90%”color="black"><tableborder="0"cellpadding="0"⑶ ="0"width="100%"height="250"><tr><tdwidth="100"valign="top"><p></p><p> 主题1</p><p> 主题2</p><p> 主题3</p></td><td(4)bgcolor="black"></td><tdheight="301"><tablecellspacing="1"cellpadding="5"align="center”bgcolor="black"width="80%"height="200"><trbgcolor="#dddddd"height="50"><tdalign="center"><b>内容</b><trbgcolor="white"(5><td><palign="left">这里是内容</table></td></tr></table></body>13.已知网页效果如图1,图2,图3所示。图1是第一个网页(index.htm),单击“进入内容页面”超链接,窗口显示变为图2(整个窗口分为两框,左边框架占窗口宽度的20%;左边窗口页面中的超链接默认没有下划线,当鼠标移动到超链接上时显示下划线);单击左边窗口中的“主题2”超链接,将在右边窗口中显示对应的页面,如图3所示(单击左边窗口中的“主题1”超链接,将在右边窗口中显示对应的页面,如图2所示);如果单击左边窗口中的“返回主页”链接,框架结构将消失,窗口显示如图1所示。请填写以下源代码中的空白。注意:所有文件都位于同一目录下。(10分)图1主页(index.htm)

图2内容页面(主题1)图3主题2 index.htm <html><head><title>主页</title></head><body><palign="center"></p><palign="center"></p><palign="center"></p><palign="center"><ahref="index-frame.htm”>进入内容页面>>>></a></p></body></html> index-frame.htm <html><head><title>内容页面</title></head><frameset(1)><framename="contents"src="contentpage.htm"><frame(2)src="topic1.htm"></frameset></html> contentpage.htm <html><head><title>目录页面</title><style>a{text-decoration:none}(3)</style></head><body><p><ahref="topic1.htm"target="main">^^1</a></p><p><ahref="topic2.htm"target="main">^^2</a></p><p></p><p><a(4)href="index.htm”>返回主页</a></p></body></html> topic1.htm <html><head><title>主题1页面</title></head><body>(5)<p>主题1内容</p></body></html> topic2.htm <html><head><title>主题2页面</title></head><body><p>主题2</p><p>主题2内容</p></body></html>第五章表单与特殊对象第1题判断正误(1) 在HTML中,与表格一样,表单也能嵌套。(2) 一个网页中只能包含一个表单。(3) 在HTML表单中,文本框、口令框和复选框都是用INPUT标记符生成的。(4) 在HTML表单中,提交按钮和重置按钮都可以用图象表示。(5) 在网页中插入Flash动画,通常需要使用OBJECT标记符。(6) Java小应用程序对象既可以用APPLET标记符插入,也可以用OBJECT标记符插入。(7) 在表单标记符FORM中可以嵌套表格标记符TABLEo(8) 在表格标记符TABLE中可以嵌套表单标记符FORMo(9) 在网页中插入Flash动画,只能使用EMBED标记符。第2题单选题(1)如果要在表单里创建一个普通文本框,以下写法中正确的是:o<INPUT><INPUTtype="password"><INPUTtype="checkbox"><INPUTtype="radio">(2)以下有关表单的说明中,错误的是:oA•表单通常用于搜集用户信息。在FORM标记符中使用action属性指定表单处理程序的位置。表单中只能包含表单控件,而不能包含其他诸如图片之类的内容。在FORM标记符中使用method属性指定提交表单数据的方法。(3)以下有关表单的说明中,错误的是:o填写完毕的表单通常要发送到服务器端由特定程序处理。在FORM标记符中使用action属性指定表单处理程序的位置。在FORM标记符中使用method属性指定提交表单数据的方法。表单中的“重置”按钮是必不可少的。在指定单选框时,只有将以下 属性的值指定为相同,才能使它们成为一组。typeB.nameC.valueD.checked创建选项菜单应使用以下标记符:。SELECT和OPTIONINPUT和LABELINPUTINPUT和OPTION以下有关按钮的说法中,错误的是:。可以用图像作为提交按钮。可以用图像作为重置按钮。可以控制提交按钮上的显示文字。可以控制重置按钮上的显示文字。以下表单控件中,不是由INPUT标记符创建的为:单选框口令框选项菜单提交按钮要给表单控件设置标签,以下代码中正确的是:<INPUTtype="checkbox"name="news"><LABELfor="news”>新闻</LABEL><INPUTtype="checkbox"for="news"><LABELid="news”>新闻</LABEL><INPUTtype="checkbox"for="news"><LABELname="news”>新闻</LABEL><INPUTtype="checkbox"id="news"><LABELfor="news”>新闻</LABEL>第3题填空题要在表单中添加一个默认时为选中状态的复选框,应使用语。要创建一个图像提交按钮,应将INPUT标记符的type属性指定为。在表单中添加选项菜单时,应使用和标记符,其中,标记符不能省略结束标记符。要在表单中添加一个口令框(密码框),应使用语句。在表单中使用INPUT标记符创建提交按钮时,属性用于控制按钮上的文字。第4题问答题任意列举2种可以在页面中添加多媒体效果的方法,并简要说明如何操作。简要说明表单的基本工作原理。第六章第1题判断正误在CSS中,可以用3种以上的方式来表示颜色。CSS样式表项的组成为:selector{property1:value1,property2:value2, }在CSS中要设置超链接的效果,应指定虚类selectoroCSS中的color属性用于设置HTML元素的背景颜色。第2题单选题以下选项中不能用来表示CSS颜色的是:red#FF0000rgb(f,0,0)rgb(100%,0,0)以下选项中不能用来表示CSS颜色的是:red#F00rgb(f,0,0)rgb(100%,0,0)以下有关样式表项的定义中,正确的是:H1{font-family:楷体—gb2312,text-aligh:center}H1{font-family=^体_gb2312,text-aligh=center}H1{font-family:楷体—gb2312;text-aligh:center}H1{font-family=^体_gb2312;text-aligh=center}以下有关样式表项的定义中,正确的是:P{font-size=24px,text-aligh=center}P{font-size:24px,text-aligh:center}P{font-size=24px;text-aligh=center}P{font-size:24px;text-aligh:center}以下关于样式表项的定义中,错误的是:H1,H2{color:red}H1B{color:red}H1#color_red{color:red}A:active{color:red}第3题填空题要使网页中所有的超链接都不显示下划线,样式表项应o要定义鼠标悬停状态的样式,应使用的selector为。(3) 如果要定义一个可应用于所有标记符的通用类test,应使用{color:red}(4)要在HTML标记符中直接嵌入样式,应使用标记符的 属性。(5)在网页中使用CSS包括三种常用方式:、将样式定义嵌入到网页中以及将样式定义包含在外部CSS样式文件。(6)在网页中使用CSS包括三种常用方式:将样式定义直接嵌入到标记符中、以及将样式定义包含在外部CSS样式文件。(7) 在网页中使用CSS包括三种常用方式:将样式定义直接嵌入到标记符中、将样式定义嵌入到网页中以及。(8) CSS样式的作用包括:①简化网页的格式设置工作;②:③大大加强网页的表现力。(9) CSS样式的作用包括:①简化网页的格式设置工作;②增强网页的可维护能力;③。第4题问答题(1) 举例说明在网页中使用CSS样式表的三种方式(都使用对p标记符应用color属性为例),并简要分析各自的特点。提示:LINK标记符的用法:<LINKrel=”stylesheet”type=''text/css”href=””> (9分)(2) 简要说明CSS样式表在网页制作中的作用。(3) 举例说明CSS样式表在网页制作中的作用。第七章(暂无)判断正误第2题单选题第八章(暂无)第1题判断正误第2题单选题第3题填空题第4题问答题第九章(暂无)第1第1题判断正误第2题单选题一、选择题CSS是(C)的缩写。ColorfulStyleSheetsComputerStyleSheetsCascadingStyleSheetsCreativeStyleSheets引用外部样式表的格式是(B)。<stylesrc=〃mystyle.css〃><linkrel=〃stylesheet"type=〃text/css"href=〃mystyle.css〃><stylesheet>mystyle.css</stylesheet>引用外部样式表的元素应该放在(C)。HTML文档的开始的位置HTML文档的结束的位置在head元素中在body元素中内部样式表的元素是(A)。<style><css><script>元素中定义样式表的属性名是(A)。styleclassstylesfont下列(C)是定义样式表的正确格式。(body:color=black(body}body:color=blackbody(color:black}(body;color:black}下列(A)是定义样式表中的注释语句。/*注释语句*///注释语句//注释语句//'注释语句如果要在不同的网页中应用相同的样式表定义,应该(C)。直接在HTML的元素中定义样式表在HTML的<head>标记中定义样式表通过一个外部样式表文件定义样式表以上都可以样式表定义#title{color:red}表示(B)。网页中的标题是红色的网页中某一个id为title的元素中的内容是红色的网页中元素名为title的内容是红色的以上任意一个都可以样式表定义.outer{background-color:yellow}表示(B)。网页中某一个id为outer的元素的背景色是红色的网页中含有class=”outer”元素的背景色是红色的网页中元素名为outer元素的背景色是红色的以上任意一个都可以光标移动文本框上方时,文本框边框的颜色就改变,这是因为激发了下列的(C)事件。onFocusonMouseUponMousrOveronMousMOve下列属性哪一个能够实现层的隐藏?(C)display:falsedisplay:hiddendisplay:nonedisplay:""下列选项中,不属于文本属性的是(D)。font-sizefont-styletext-alignfont-color页面上有一个按钮btn,同时定义好了一个类样式(按钮图片样式表btnPic),那么使用(B)就可以实现背景图片的改变。onMouseOver="className二btnPic”onMouseOver=”this.className二btnPic”onMouseOver=”this.style.className二btnPicthis.btn.style.className="btnPic二、简答题1、 什么是标记选择器并举例说明。CSS标记选择器就是声明哪些标记采用哪种CSS样式。例如:h1(color:red;font-size:25px;}2、 什么是类别选择器并举例说明。类别选择器的名字可以由用户自定义,用做html页面某标签的class属性值。例如:.red{color:red;font-size:18px}3、 什么是ID选择器并举例说明。ID选择器是针对html页面中某个具有此ID属性的标签设置的CSS样式。例如:#bold(font-weight:bold;}4、 举例说明什么是行内式CSS样式。行内式是直接对html的标记使用style属性,然后将CSS代码直接写在其中。例如:<pstyle=”color:#ff0000;font-size:20px>正文内容</p>5、 举例说明什么是内嵌式CSS样式。内嵌样式表就是将CSS写在<head>与</head>之间,并且用<style>和</style>标记进行声明。例如:<head><styletype=”text/css”>p{color:#0000ff}</style></head>6、 举例说明什么是链接式CSS样式。链接式CSS样式表是通过使用html链接文件标签link将外部CSS应用到本页面的样式使用方法。例如:<linkhref=”myCSS.css”type=”text/css”rel=”stylesheet”〉7、举例说明什么是导入式CSS样式。采用import方式导入的样式表,在html文件初始化时,会被导入到html文件内,作为文件的一部分,类似内嵌式的效果。例如:@importurl(sheet.css);8、 什么是交集选择器,并举例说明。交集选择器是由两个选择器直接连接构成,其结果是选中二者各自元素范围的交集。其中第1个必须是标记选择器,第2个必须是类别选择器或者ID选择器。例如:p.special{color:red}9、 什么是并集选择器,并举例说明。并集选择器或者称为“集体声明”,它的结果是同时选中各个基本选择器所选择的范围。例如:h1,h2,p{color:purple;font-size:15px}10、 什么是后代选择器,并举例说明。后代选择器的写法就是把外层的选择器名字写在前面,内层的选择器名字写在后面,之间用空格

温馨提示

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

最新文档

评论

0/150

提交评论