2023年网制作HTML题库

网页制作HTML题库重要依据《网页制作教程》(第三版)第一章ＨTML基础第１题判断正误(1）HＴＭＬ标记符的属性一般不区分大小写。(2）网站就是一个链接的页面集合。（3）将网页上传到Iｎternｅt时通常采用FTP方式。（4）所有的ＨTML标记符都涉及开始标记符和结束标记符。（5）可以用文本编辑器编辑HTML文献。(6)文本编辑器和HTML编辑器软件都可以用来编辑HTML文献。（７)TITLE标记符通常位于ＢODＹ标记符之间。(８)TＩTＬE标记符通常位于HEAD标记符之间。(９）titlｅ标记符和ｔiｔlｅ属性的作用是相同的。第2题单选题(1)ＷWＷ是Ｂ的意思。A．网页B.万维网C．浏览器Ｄ．超文本传输协议（2)在网页中显示特殊字符,假如要输入“＜”，应使用_____＿___。A．lt;B.&Ｌt;C．<D．&ｌt;（3）以下说法中，错误的是:。A.获取WＷW服务时，需要使用浏览器作为客户端程序。B.WWW服务和电子邮件服务是Internｅｔ提供的最常用的两种服务。C.网站就是一系列逻辑上可以视为一个整体的页面的集合。Ｄ．所有网页的扩展名都是.ｈtm。（4）以下说法中，错误的是:。Ａ.网页的本质就是HTML源代码。B.网页就是主页。Ｃ.使用“记事本”编辑网页时，通常应将其保存为.htm或．htmｌ后缀。D.本地网站通常就是一个完整的文献夹。（5）以下说法中，错误的是：。A．主页是网站中的一个特定页面。B．网页中的注释可以放在任何位置。C．在HTＭL中，&ｎbsp；表达空格。D.在HＴML中，<表达>。（6）浏览网页时，通常使用以下协议：A.mailｔｏB.FTPC.HTTPD．ＴＣP/IP（7)在网页中显示特殊字符,假如要输入空格,应使用______D___。A.nbsp;B．＆Nbｓp；Ｃ.＆nｂspD.＆nbsｐ;（8）以下软件中，不能直接用来编辑HTML文献的是：___＿__＿_＿。A．记事本Ｂ．FronｔＰageC.FｌasｈＤ．Dreaｍweaｖer(9)以下软件中，不属于所见即所得的网页编辑软件的是：_________。A.记事本Ｂ.ＦrｏntPageC.ＧoLiveD．Dreamｗeaver(10）以下有关HTML标记符的属性的说法中，错误的是:＿___＿_＿__。A．在HＴML中,所有的属性都放置在开始标记符的尖括号里。B.属性与HＴML标记符的名称之间用空格分隔。C.属性的值放在相应属性之后,用等号分隔；而不同的属性之间用分号分隔。D．HＴML属性通常也不区分大小写。（１１)以下说法中，错误的是：A．网页可以设立背景声音。B.假如同时设立网页的背景颜色和背景图案，在不修改浏览器默认设立的情况下仅显示背景图案。Ｃ.网页的背景声音的文献格式只能是midi格式。D．指定网页的背景图案时,既可以使用相对途径也可以使用绝对途径。（12）以下说法中,错误的是:A.网页可以设立背景声音。B.假如同时设立网页的背景颜色和背景图案，在不修改浏览器默认设立的情况下仅显示背景图案。Ｃ．网页的背景声音的文献格式只能是wav格式。D.指定网页的背景图案时,既可以使用相对URL也可以使用绝对UＲＬ。(13)设立正文和超链接颜色时,可以使用BODY标记符的tｅxt、lｉnk、ｖlink和aｌｉnｋ属性。其中，用于设立未被访问的超链接的颜色的属性是：Ａ．teｘtB.ｌiｎkC.ｖlinｋD．alinｋ第3题填空题(１）假如要为网页指定黑色的背景颜色，应使用以下ｈｔml语句：＜boｄy>(２）上网浏览网页时，应使用作为客户端程序。(3）TIＴLＥ标记符应位于标记符之间。（4）要设立网页在黑色背景下显示白色文字，应使用语句。（5）要设立整个网页的背景颜色，应在body标记符中设立属性。（６）设立整个网页的背景图案在ｂody标记符中设立属性。第4题问答题（1)简要说明ｈtml的基本工作原理。(5分）(２)简要说明WWＷ工作的基本原理。第二章文本格式第1题判断正误(１）用H1标记符修饰的文字通常比用Ｈ6标记符修饰的要小。(2）B标记符表达用粗体显示所涉及的文字。（3)指定滚动字幕时，不允许其中嵌入图象。(４）指定水平线粗细的属性是siｚe。（5)指定水平线粗细的属性是ｗiｄｔh。（6)指定电子邮件超链接时，href属性的取值是:ｍaｉlto＝邮件地址。(7）./ｐｕblic/iｎdｅx.ｈtm是一个绝对UＲL。（8）。（9）使用相对地址时，符号..表达当前目录。(1０）使用相对地址时，符号..表达上一级目录。第2题单选题(１)以下关于FONT标记符的说法中,错误的是:A.可以使用coloｒ属性指定文字颜色。B．可以使用size属性指定文字大小（也就是字号）。C．指定字号时可以使用1~７的数字。D.语句＜ＦＯNTsizｅ＝＂+2"＞这里是2号字＜/FONT>将使文字以2号字显示。(２)以下说法中,对的的是:。A．P标记符与BＲ标记符的作用同样。B．多个P标记符可以产生多个空行。Ｃ．多个BR标记符可以产生多个空行。D．P标记符的结束标记符通常不可以省略。(3）要控制水平线的粗细，应使用以下属性：。A．ｃolorB.ｗｉｄthC.sｉzeＤ．height（4)以下代码中，不能产生多个空行效果的是:A.<BR><BR><BR><BR>B.<P＞<P>＜P＞<Ｐ＞C．<P>&nbｓp;<Ｐ> ；<P>&ｎbsｐ;<Ｐ>＆nbｓp;D.<BR>＆ｎｂsp;<BＲ>＆nｂsp;<ＢR>&nｂsp;<BR>(５)以下标记符中,默认aligｎ属性不是left的是：A.<P>B．<HR>C．＜H１＞D.＜DIＶ>(6)以下关于字体格式设立的说法中，错误的是:A．可以使用FONT标记符指定文字颜色。B．可以使用CSＳ字体属性指定字体的大小。Ｃ．可以使用FONＴ标记符将字体设立为斜体效果。Ｄ.可以使用CSＳ字体属性将字体设立为斜体效果。（7）以下关于字体格式设立的说法中,错误的是:Ａ．可以使用FOＮT标记符指定文字大小。Ｂ.可以使用ＣSS字体属性指定文字颜色。C．可以使用FONT标记符将字体设立为斜体效果。D.可以使用CSＳ字体属性将字体设立为斜体效果。(8）以下有关列表的说法中，错误的是：。Ａ．有序列表和无序列表可以互相嵌套。B．指定嵌套列表时,也可以具体指定项目符号或编号样式。C.无序列表应使用UＬ和LI标记符进行创建。D.在创建列表时，LI标记符的结束标记符不可省略。（9)以下有关列表的说法中，错误的是:。Ａ．有序列表和无序列表可以互相嵌套。B.有序列表默认的tyｐｅ属性值是“１”C.无序列表默认的type属性值是“circle”。D．在创建列表时,LI标记符的结束标记符可以省略。(10)以下有关列表的说法中，错误的是：。A．有序列表和无序列表可以互相嵌套。B.有序列表默认的tyｐe属性值是“A”。C.无序列表默认的ｔｙpe属性值是“diｓc”。Ｄ.在创建列表时，LI标记符的结束标记符可以省略。第3题填空题（1）<hrwｉdth=50％>表达创建一条的水平线。（２）在ＯL标记符中,使用属性可以控制有序列表的数字序列样式。(3)在UL标记符中,使用属性可以控制无序列表的项目符号样式。(4）要设立一条一像素粗、20０像素长的左对齐的水平线,应使用语句。(5)要指定“比默认字体大一号，字体为隶书”的字体效果,可使用＜FOＮT＞文字</FＯNT>语句。(6）要使文字同时显示为粗体和斜体,应使用语句。（７）假如要创建一个指向电子邮件的超链接,代码应当如下：<a>指向的超链接</ａ>（８)在指定页内超链接的时候,假如在某一个位置使用了<a=＂target1"＞锚点<／a>语句定义了锚点,那么应使用以下语句，以便在单击超链接时跳转到锚点定义的位置：<ahｒef=>锚点链接</ａ＞(９)已知站点文献夹结构如图所示，要在inｔｅrest．htm这个网页中插入sｕnseｔ．gif,应使用语句。（１０）已知站点文献夹结构如图所示,要在ｉnteｒｅst.htｍ这个网页中创建一个能跳转到index.htm文献的超链接（链接文字为“返回”）,应使用语句。(11)已知站点文献夹结构如图所示,要在index.htm这个网页中插入一个链接到ｉnｔｅresｔ．hｔm的超链接，并且使用ｆrontpａge.gif作为超链接的源（也就是制作一个图像超链接),应使用语句：<ahref＝＂ｉnterｅst/interesｔ.ｈtm></a＞。(12）在指定锚点超链接的时候,假如在文献file1.hｔm某一个位置使用了<a＝＂ｔarget１">锚点</ａ>语句定义了锚点，那么应使用以下语句，以便在fiｌｅ2.ｈｔｍ中单击超链接时跳转到file１.ｈtm中该锚点定义的位置:＜ahref＝>锚点链接<／ａ>第4题问答题(1)简要说明如何在html中创建锚点链接。(2）根据超链接的目的位置的不同,超链接一般涉及哪些类别（锚点链接)。第三章使用图像第1题判断正误(1）ＧＩＦ格式的图象最多可以显示256种颜色。（2）创建图象映射时，理论上可以指定任何形状作为热点。(３）GIＦ格式可以设立透明色。（4）在常用的网页图像格式中，只有GIＦ格式可以设立透明色。(５)Frｅehaｎd是一种位图编辑软件。（6)CoreｌDｒａw是一种矢量图编辑软件。（7)在网页中使用图像时应当尽量使用更多的格式。（8）在imｇ标记符中使用ａliｇn属性可以使其在页面中居中对齐。第2题单选题（１)以下关于ＪPEG图像格式中,错误的是：A．适合表现真彩色的照片。B.最多可以指定102４种颜色。C．不能设立透明度。D．可以控制压缩比例。（2）以下说法中,错误的是:。A．ＧIF格式的图象采用无损压缩算法进行图象压缩。B.只有GＩＦ格式才干使用透明色。C.ＧIF格式支持动画。Ｄ．ＧIF格式最多可以显示2５６种颜色。（3)以下说法中，错误的是：。A．JＰEＧ格式使用有损压缩算法进行图象压缩。B.解决JＰＥG格式的图象时,可以控制压缩比率。C.JＰEＧ格式的图象几乎没有颜色限制。D.JＰＥG格式的图象具有透明色的特点。(4)以下说法中，对的的是:。A．可以通过直接改文献名后缀来修改图象格式。B.矢量图通常比位图的文献尺寸大。C．使用图象解决软件可以修改图象的像素大小。D.Flash是一种位图解决软件。(5)以下说法中,对的的是:。Ａ．在IMG标记符中使用aligｎ属性，可以控制图象在页面中的对齐。Ｂ.在IMG标记符中使用align属性,可以控制图象与文字的围绕效果。C.在IMG标记符中使用ｖalign属性，可以控制图象与周边内容的垂直对齐。Ｄ.在IMＧ标记符中使用valｉgn属性,可以控制图象与周边内容的水平对齐。（6）以下软件中，不属于位图编辑软件的是：Ａ.PｈotosｈｏpB。ＦiｒeworksC。PhotoImpacｔＤ。Illustrator第3题填空题（1)请至少说明ＧIF格式的两种特点：;。(２)请至少说明JPEＧ格式的两种特点:;。(３)请至少说出两种以上的图像解决软件的名称:。（４）在给图象指定超链接时，默认情况下总是会显示蓝色边框，假如不想显示蓝色边框，应使用以下语句:＜aｈref=”tｅsｔ.ｈｔm”＞＜iｍgsrc＝imagｅ.ｇif>＜/a>(５)在网页中插入图像时，最基本的两个属性是。第4题问答题(1)简要说明使用网页图像时应注意的问题。（2）简要说明GIＦ格式和JPEG格式图像的特点。第四章表格与框架第1题判断正误(1)HTＭＬ表格在默认情况下有边框。(２)在HＴML表格中,TD和TＨ标记符都可以用来涉及单元格内容。(3)在HTML表格中，表格的行数等于ＴＲ标记符的个数。(４）在HTＭL表格中,表格的列数等于任意一行中TH与ＴＤ的个数。（5)在HTML表格中，表格的列数等于任意一行中TH与TD的colspan属性的和。（6）在HTML表格中,表格的列数等于第一行中TH与ＴD的cｏlspan属性的和。（７)在HTML表格中，在ＴR、ＴD或TH标记符中使用align属性可以控制单元格内容的垂直对齐。(8）HTML表格内容的垂直对齐方式默认为垂直居中。(9)框架是一种能在同一个浏览器窗口中显示多个网页的技术。(1０)要想在一个网页中嵌套此外一个网页，一般可以使用页内框架。（11）只有在框架结构的网页中，才干将Ａ标记符的taｒgeｔ属性指定为_ｂlank，从而使超链接目的文献在一个新的浏览器窗口中打开。第2题单选题（1）以下说法中，错误的是：。A.表格在页面中的对齐应在TABLＥ标记符中使用aligｎ属性。Ｂ．要控制表格内容的水平对齐,应在TR、TD、TH中使用aｌign属性。C.要控制表格内容的垂直对齐,应在TR、TＤ、TH中使用ｖaliｇn属性。D.表格内容的默认水平对齐方式为居中对齐（２）要创建一个左右框架，右边框架宽度是左边框架的3倍,以下ＨTML语句对的的是：A.＜FRAMESETcｏlｓ="*,2*＂>B．<ＦRＡMＥSETcols＝"*，3*＂>C.<FRＡMESETrｏws="*,2*">D.<ＦRAMEＳETｒｏws="*，３＊"＞(3)要创建一个上下框架,下边框架高度是上边框架的3倍,以下HTＭＬ语句对的的是:。A.<FＲAＭEＳETｃols＝"*,２＊＂>B．<ＦRAＭＥSETcols＝"＊，3*"＞C．<FRAMESETrows="*,2＊"＞Ｄ．<FRAMESＥTroｗs=＂*,3*">（4)要创建一个如图所示的框架，应使用以下代码:。A.<FRAMＥSEＴcoｌs="1０0，*"><FRＡME>＜FＲＡMESETｃｏls=＂１20,*"><ＦＲAＭE>＜FRAME></FRＡＭESET＞</ＦRAMESET>B．<FＲAMEＳEＴrｏws="１0０,*＂><FＲAＭE＞＜ＦRAMＥSＥTcols=＂120,*"＞＜ＦRAＭＥ><FRＡMＥ><／FRAMESET></ＦＲAＭESET>Ｃ.<ＦRAＭＥSEＴｃolｓ="１００,*">＜FRAME><ＦRAＭＥＳETrows="120，＊"><FRAME＞<ＦRＡME></FRAMESET＞＜/FRAMＥSEＴ>Ｄ.＜ＦRAMＥSETrows=＂1０0,1２０,＊"><ＦＲAＭE>＜ＦRＡME><FRＡＭE＞</ＦRAＭESET>＜/FＲAMESET>(5)要创建一个如图所示的框架,应使用以下代码：。A.＜FRAMＥSETcｏｌｓ="100，*"><FRAME＞<ＦRAMESEＴcols="1５0,*＂>＜FRAMＥ><FＲAME></FRＡMＥSET＞</FRAMESＥT＞Ｂ．<FRＡＭＥSＥTrowｓ="１００,*"><ＦＲAＭE><FＲAＭＥSETcolｓ="１５0,＊"><FRAME><ＦRAME＞<／FＲAＭESET>＜/ＦRAＭＥSET>C．<FRAMESETcols="１0０,＊"><ＦＲAME＞<FRAMESEＴrows=＂150，*"＞＜FＲAME＞<FRAME></ＦＲAMＥSEＴ></FRＡＭESＥT>D.＜FRＡMESETrowｓ="１0０，12０,＊"＞<FRＡＭＥ><ＦRＡME＞<FRAME></FRAMESＥＴ＞</FRＡＭESEＴ>(６）以下关于框架显示效果的说法中，错误的是：。A.只有所有相邻框架的边框都设立为0,才干隐藏边框。B.可以在ＦＲAMＥ标记符中使用mａrｇinｗidth和marｇinheｉgｈｔ属性控制框架内容与框架边框之间的距离。C．框架的边框默认可以移动。D．框架默认时有滚动条。(7)以下特殊框架名称中,代表一个新的浏览器窗口的是：。Ａ._topＢ．＿selfC．_ｐarｅntＤ._ｂlank第3题填空题(１）要控制单元格内容与表格框线之间的空白，应在ＴABＬE标记符中使用属性。(2)要使整个表格行采用某种对齐方式，应在标记符中使用align属性。（3）创建超链接时,要使目的文献在一个新窗口中打开,应使用＜ahref=test.htｍ>跳转到新窗口＜／a＞（４）设立超链接的目的框架时，除了可以使用特殊框架名，还可以使用框架集文献中标记符指定的ｎame属性所相应的框架。（５）在HTML表格中进行单元格合并时，可以使用TD或TH的属性进行行合并，使用它们的ｃolspan属性进行列合并。（６)在HTＭＬ表格中进行单元格合并时，可以使用TＤ或TH的rｏwspaｎ属性进行行合并，使用它们的属性进行列合并。第4题问答题（1)简要说明表格与框架布局的区别。(6分）第５题综合题1、编写出实现如图所示页面效果的关键html代码。其中,A、B、C、D、E均为默认字号和默认字体,并且加粗显示，它们都位于各自单元格的正中间,A单元格的高度为200像素，B单元格的高度为100像素,C单元格的宽度为100像素,高度为2００像素。（10分）2、已知页面效果如图所示（其中的细线效果均为一像素粗细，颜色为黑色），请填写以下html代码中留下的空白(编号相同的空白表达应填写相同的内容）,注意填写在题后的空白里。（10分）<TAＢLEｃellspaｃｉnｇ=(1)celｌpadｄiｎg=(２)align="ｃenter＂＞<TRhｅigｈｔ＝＂1０0"><TDｗiｄth＝"10０"> <TＤwidth="1＂(3)>＜TDwidth＝"60０">＜Ｈ1align="centｅｒ＂><FOＮT（4）＝"楷体＿ｇb2312">如梦令</FONT＞</H１><TR(５)="1"＞<ＴＤcoｌspan="3＂（3)>＜TRheight=＂６０0＂>＜ＴDwidｔh="100"＞＆ｎbｓp;<TDwidth＝＂1"（3)><TDwidtｈ="600"aliｇｎ=＂middle＂ｖaligｎ="tｏp"><H3><BＲ><BR>昨夜雨疏风骤，<BR>浓睡不消残酒。<BR>试问卷帘人，<BR>却道海棠依旧。<BR＞知否?知否？<ＢR＞应是绿肥红瘦。</H3></ＴAＢＬE＞(１）（2)(３)（4)(5）3、已知源代码如下所示（共5个文献,都位于同一目录下），请用文字或示意图（也可结合使用)说明网页效果。（1０分)--－－－－－-index．htm－－－＜ＨＴMＬ>＜HEAD>＜TITＬE>框架结构</TITLE></HＥAD><FＲAMESＥTcols="15０,*＂><FRAＭEsrc="ｃonteｎｔ.ｈtｍ"><ＦRAMEｓrc="maｉn．htm＂naｍe="ｃonｔent">＜/FRAMESET>＜/HTMＬ>－--－-－-－－－-content.hｔm-－－－－<HTML>＜HＥＡD><TITLE>目录<／TITLE><STYLE>A{tｅxt－ｄｅcoratｉon：noｎe}</STＹLＥ＞＜/HEAＤ＞＜ＢODＹ><Ahｒef＝ｆiｌｅ１．hｔｍtａｒgｅt="ｃontent">文献1</A>＜P><Aｈref＝fiｌe２.htmｔａrget="＿bｌank＂>文献2</A>＜/BODY></HＴML>-－－-－-－-－-main.ｈtｍ-－－--－--－－－<HTML>内容</HＴMＬ>－－-－－－－fiｌｅ１.hｔm-－＜ＨＴML＞内容１</HTMＬ>--－－－－-－--file2.htm－-＜HＴＭＬ＞内容２</HTML>４、已知网页初始效果如图所示，整个窗口分为左右两框,左边框架为１50像素;单击左边框架中的“文献1”超链接,将在右边框架中显示“内容1”；单击左边框架中的“文献2”超链接,将在当前整个窗口中显示“－－－-－－－－-－－iｎdex.htm--－－－-－<ＨTML＞<HＥAＤ><TITLE>框架结构<／TITＬＥ></HＥＡＤ><FRAＭESEＴ(1)=（2)>＜ＦRAMＥsrc=＂conｔｅｎt.htm＂><ＦRAＭEsrｃ＝"ｍaiｎ.htｍ"nａｍe＝（3）></ＦRＡＭESET＞</HTML>--－－-－－－-cｏntenｔ．ｈtｍ－－－－－--－--<HTML><HEＡＤ><TＩTLＥ>目录</TITLE＞<STYLＥ>（４){tｅｘt-dｅｃｏrａtion:ｎone}<／ＳＴYLE></HEAＤ><BＯDY＞＜Aｈref=fｉle1.ｈｔmｔａrｇet="cｏntenｔ">文献1</A>＜P><Ahｒef=ｆｉle2.hｔｍｔarｇｅt=(5）>文献2</Ａ></BODY＞</HTML>--－－－-－main.htm－－<HTML＞内容</HTML>-－－－－－fｉle1.hｔm-－--－-－<HTML>内容1</HTMＬ>-－--－-－fｉle2.htm--－－－－<HTＭＬ>内容２<／ＨＴMＬ>5、已知页面效果如图所示（其中的细线效果均为一像素粗细，颜色为黑色)，请填写以下hｔml代码中留下的空白(编号相同的空白表达应填写相同的内容)，注意填写在题后的空白里。（10分)<TAＢLＥ(1)=＂0"ceｌlpaddｉng＝(2）align＝"cｅnter"><ＴRheiｇｈt="100"><TDwidth=＂１00">&nｂsp;<TＤｗｉdｔh="１"（3)＞<ＴDwｉｄth="600＂＞＜H1（4)＞<ＦONTｆａｃe="楷体_ｇb2３１2"＞如梦令＜/FＯＮT＞＜／Ｈ1＞<TRhｅiｇｈt=＂1"><TD（5)=＂3"(3)>＜TRｈeighｔ＝"600"><TDwidth＝"100"> ；＜TＤwidtｈ="1"（３）＞<TDwidth=＂600"aｌigｎ="middle"valign＝"tｏp"＞<H３><BR><BＲ＞昨夜雨疏风骤,<BR>浓睡不消残酒。＜BR>试问卷帘人，＜BR>却道海棠依旧。<ＢR＞知否?知否?<ＢR>应是绿肥红瘦。<／Ｈ３></TABLE＞6、已知页面效果如图所示，请填写以下html代码中留下的空白。（10分）。<fｏｒm＞<tａbleborｄｅrｂgcolｏr="#eeeｅee＂><tr><td(1)ａｌｉgｎ=ceｎter><b>情况登记＜/b>＜tr><tｄ>姓名:<td>(2)<tｒ><td>密码：<td>＜INPUTsｉze="20＂(3)ｖalue="pwｄ"＞<tr>＜td>性别：<td＞<IＮPUTname＝＂ｓex"ｔype=rａdio>男<INPUTname=＂sｅx"tyｐe=rａdio>女<tｒ><tｄ>&nbsｐ;<td>＜INPUＴ(4)valｕe="提交">＜INPUTｔype="ｒeset"(5)>＜／table></form>7、已知页面效果如图所示(其中的细线效果为一像素粗细，颜色为灰色),请填写以下html代码中留下的空白。(1０分）<FORＭ><TＡＢLE(1）celｌｐadding="５＂aｌiｇn＝＂centeｒ"bgcolｏr＝＂#ｄdｄｄdd"><TＲ><ＴD(2)coｌspan="２＂><B>个人信息</B><TRbgcoｌｏr="whｉte＂><TD＞姓名:<TD＞＜IＮPＵＴsize＝"20">＜TRbｇcｏｌor="whiｔe">＜TD>密码:<TＤ><ＩNPＵTsｉze＝"20"(３)ｖalue="pwd"><TRｂgcｏlｏr="whｉte"><ＴD＞性别:<TD><INPUTnaｍｅ="sｅx"type=radio>男＜INPＵT(4)type=ｒaｄio>女<TR>＜TD>&nbｓp;<TD><INPUTvaｌue＝"提交"(５)＞<ＩNPUTtｙpe="ｒｅset"valｕe="重写"></TABＬE＞＜/FOＲM＞8、已知页面效果如图所示，请填写以下html代码中留下的空白。(10分）。<table(1)width＝"500"ｈｅｉgｈt＝＂50０＂><tr>＜tdheight="300"wiｄtｈ="１00"（2)>Ａ</td><tdheight="100＂wiｄth=＂４０0＂ｃｏlspａn=＂4">D＜/tｄ></tr><tr><tdｈeiｇht＝＂200"wｉdｔh=＂１00"roｗｓpａn="2">E</td>＜tdheighｔ=＂100＂wiｄｔｈ="200"colspａｎ="2"（３）>H</td＞<tdheight="3０0"widｔh=＂１00"ｒowspan="4＂>C＜/td＞</tr><tr><ｔdheiｇｈｔ="10０＂wｉdｔh="1０0"(4）>I</td><tdhｅｉghｔ="2０0"ｗiｄth=＂１０0"rowspａｎ="2"＞G</td><／ｔｒ＞<tr><tdheighｔ="100＂wiｄｔh=＂２00"（5)＞Ｆ<／td></tr＞<tr><tdheｉgｈt=＂１00"ｗｉdｔｈ＝"400"colｓpan＝"4">B</td＞＜/tr>＜/tａblｅ>９、已知页面效果如图所示(其中的细线效果均为一像素粗细，颜色为灰色)，请填写以下html代码中留下的空白。（10分)<ＦORM><TABLE(1）ceｌlpaｄding=＂5"aligｎ=＂ｃenｔeｒ"bgｃolor=＂#cccｃcｃ"><ＴＲ＞<TＤ(2)cｏlspan="2"＞＜B＞个人信息</B><TＲbgcｏloｒ=＂ｗhite"><TD>姓名：＜TD><INPUTsｉze="20"><TＲbｇcolor="ｗｈite"＞<TD>密码:<TD>＜ＩNPUTsize=＂20"（3）valｕe="pwd＂>＜TRbgcoｌor="whｉte＂><TD>职业:<TD><seｌeｃｔｓｉzｅ="1"ｎame="D１">＜optionseｌected>学生</option＞<optｉon>教师</opｔiｏn＞<optioｎ>职工</ｏpｔｉon>＜ｏｐtｉon>军人</ｏｐtioｎ＞＜oｐtion＞经理<／option><optｉｏn>其他＜/optioｎ></sｅlect><TRbgｃolor=＂whitｅ"><TD>收入:<TD><ｉnputtｙpe="radiｏ"valｕe＝"V１＂（4）name="R１"id="fp1＂＞<labeｌ(5)>２0２3以下</laｂel><inpｕttｙpｅ="raｄio＂namｅ="R1＂vaｌｕe=＂V2"id="fp2＂><labelｆor="ｆp2＂>2０２３以上＜/label><TＲ＞<TD＞&nｂsp;<ＴD>＜ＩNＰUTvaｌuｅ="提交"tｙpe＝"sｕbmｉt＂><IＮPUＴtype="reｓeｔ"vaｌuｅ＝"重写"><／TABLE＞</FOＲM＞10、已知网页初始效果如图1所示,整个窗口分为三框,左边框架为1８0像素宽，右上框架占窗口高度的20%。单击左边框架中的“链接１”超链接，将在右下框架中显示“pａge1”;单击左边框架中的“链接２”超链接,将在一个新窗口中显示“ｐａgｅ2”，单击左边框架中的“链接3”超链接，将在整个窗口中显示“图1图2－-－－－－--－－-－－－－index.htm－<hｔｍl＞<ｈｅａｄ>＜tｉtle>框架集网页</titｌe></ｈeａｄ><frａｍeｓet(１)>＜frａmｅｎａｍｅ="left"sｃｒolling="no＂nｏresｉze(2)＞<frameｓetrｏws=＂20%,*"><framenａme=＂rtｏp"src="ｔｏp.ｈtm"＞<frameｎaｍe="ｒbottom"srｃ=＂mａin.ｈtｍ"></framｅsｅt></fｒａmｅｓet></ｈtmｌ＞－－-－－lefｔ．htm--－-－－-－-<html><hｅａd><ｓtyｌｅ>(3)｛tｅxt－decｏraｔiｏn:ｎoｎe;foｎｔ-ｓtylｅ:ｉtａlic｝</style>＜/head＞＜body><p><ａhrｅf="ｐａge１.htm"(4)>链接1<／a></ｐ><p><aｈref="pａｇe２.hｔm＂（5）＞链接2＜/a></p＞＜p＞＜aｈｒｅf="page3.htm＂targｅt="＿ｔｏp">链接3<／ａ＞</p>＜/bｏdy></htmｌ＞-－－－－-－－-top.ｈtｍ－--－－－－－＜html><ｂodｙ＞＜p>横幅广告</ｐ></body>＜／html>--－－-－maｉn．hｔｍ－－-<htmｌ><ｂody>＜/body></ｈtml>--－－－-pagｅ1.htm－－－<ｈtmｌ><boｄｙ><p>page1</ｐ>＜/body＞＜/ｈtml>-－ｐａｇe2.htm－－－－--<htmｌ><boｄy＞<p>ｐaｇe2＜/p></boｄy></htmｌ>－－page3.ｈtm－-－-－＜ｈtmｌ><boｄy><ｐ>ｐａge3＜/p>＜／boｄy><／html>11、已知页面效果如图所示（其中，A、Ｂ、C、D、Ｅ均为默认字号和默认字体，并且加粗显示，它们都位于各自单元格的正中间，A单元格的高度为20０像素，B单元格的高度为100像素，C单元格的宽度为100像素，高度为200像素),请填写以下html代码中留下的空白。（10分）。＜taｂｌｅwｉdｔh=30０borｄeｒ=＂1"(１)><tｒ><ｔd(2）aligｎ="ｃenter"><b＞A</ｂ><tｄcolspan＝"２"hｅigｈt="10０"（3)><ｂ>B＜／b＞<tralign="center"＞<tｄｈeight=＂10０">＜b＞C<／b><tdrowspaｎ="2">(4)<（5)><tdcolsｐan="２"ｈｅight＝"100"><b＞E<／b><／table>１２、已知页面效果如图所示(其中所有的线条粗细均为1像素，颜色为黑色;“内容”所在单元格的背景色为#ｄdｄｄｄd),请填写以下htｍl代码中留下的空白。（10分)＜ｈtｍl><ｈeａd><tｉtle>（１)</ｔitle>＜／hｅａｄ><ｂodｙ><ｈ1align="ceｎteｒ">主题1</h1><hｒalｉgn＝"lｅｆt"(2)＝"1"width="９0%"cｏlｏｒ="ｂlａck"><tableｂordeｒ＝"０"cellｐａddｉng＝"0＂(3）="0"width=＂1０0%＂hｅigｈt=＂２50＂><tr><tdwｉdｔh="1０0"vaｌｉgｎ="ｔop"><ｐ></p＞<ｐ＞&nｂsp;主题１<／p>＜p>&nｂsp;主题2</p>＜p＞&nｂsp;主题３</p＞</ｔd><td(４)bgcｏloｒ="ｂｌack">＜/td><tdheiｇhｔ="301">＜ｔablecｅlｌspacｉnｇ＝"１＂cｅllpaｄdiｎｇ="5"alｉｇｎ="ｃeｎtｅr"bgcoloｒ="black"ｗｉdth＝"８０％"ｈｅigｈt="200＂> <ｔrbgｃoloｒ=＂#dddddｄ"hｅigｈt="５０">ﻩﻩ<tdaliｇｎ="center"><b>内容<／ｂ＞ <trbgcoloｒ="white"(5）＞ﻩﻩ<td>＜paｌign＝＂left">这里是内容ﻩ</ｔａble＞</td></tｒ＞<／ｔaｂｌe></body></htｍl>13．已知网页效果如图１，图２,图3所示。图1是第一个网页（ｉndｅx.ｈtm）,单击“进入内容页面”超链接，窗口显示变为图2(整个窗口分为两框,左边框架占窗口宽度的20％；左边窗口页面中的超链接默认没有下划线,当鼠标移动到超链接上时显示下划线);单击左边窗口中的“主题２”超链接,将在右边窗口中显示相应的页面,如图3所示(单击左边窗口中的“主题1”超链接,将在右边窗口中显示相应的页面，如图2所示）；假如单击左边窗口中的“返回主页图１主页(ｉｎdeｘ.hｔｍ)图2内容页面（主题1)图３主题2－－－-－－－indeｘ．htm－－－－－－-－－－-－－－--－--－－--－－－－-<ｈｔｍl><ｈead><tｉtlｅ>主页＜/titlｅ></head><ｂodｙ>＜paｌign＝"ｃenｔｅr"></p><palign="ceｎtｅr"></p><ｐaｌign=＂center"></p＞<ｐａlign="ｃenｔer"><aｈrｅf="iｎdex-ｆrａme.htm＂>进入内容页面>&gｔ;>；＆gt;<／a>＜/p＞<／bodｙ＞<／hｔml>-－－-－－--－－--iｎdex-fｒaｍｅ.htｍ－-－－-－－-－－-－-－－－－－-－－－－－－--－-－<ｈtml><head>＜tiｔｌe>内容页面</title><／ｈｅad><frａmeset(1)＞<ｆramｅnａmｅ＝"contents＂ｓrc="ｃoｎtentpagｅ.htm"＞<ｆraｍe(2）ｓrｃ=＂ｔopic1.htm"></ｆrａmeｓet><／htｍl>-－--－－-cｏntｅntpage.htm－－-－－-－－--－－-－－-－－－--<ｈtml＞<heaｄ><tiｔle>目录页面＜/title><ｓtyle＞a｛tｅｘt－decoｒatｉon:ｎｏｎｅ}（3）＜／style></hｅad>＜body><ｐ><ahreｆ="ｔoｐic1．ｈtm＂ｔargeｔ＝"ｍａin"＞主题1</ａ></ｐ＞<p><ahref="topｉc2.ｈtm"tａrgeｔ＝"ｍaiｎ＂>主题2</a>＜/p><p></p>＜p><a(4)hｒef="indeｘ．hｔm＂>返回主页</a></p><／ｂoｄy></hｔml＞－－－tｏpic１．hｔm－-－-－－-－－－－-－－＜ｈtml><head＞<titｌe>主题1页面<／tiｔle></head><body＞(5）<ｐ>主题1内容</ｐ></ｂoｄy></hｔml>－toｐic2．htｍ－-－--－--－－-－--－-－-－--－-－－－－－－－－<hｔｍｌ><ｈeａｄ＞<tiｔle>主题2页面＜/ｔitle></head><ｂodｙ><p>主题2<／p＞<ｐ>主题2内容</p></bｏdｙ><／htｍl>第五章表单与特殊对象第1题判断正误（１)在HTＭL中,与表格同样,表单也能嵌套。（2）一个网页中只能包含一个表单。（3）在ＨTML表单中,文本框、口令框和复选框都是用ＩNPUT标记符生成的。(4)在HTMＬ表单中,提交按钮和重置按钮都可以用图象表达。(5)在网页中插入Flasｈ动画，通常需要使用ＯBＪEＣT标记符。(6)Jａｖa小应用程序对象既可以用APPLET标记符插入，也可以用ＯBJＥＣT标记符插入。（7）在表单标记符FＯＲM中可以嵌套表格标记符TABＬE。(8)在表格标记符TABLE中可以嵌套表单标记符ＦORＭ。（9)在网页中插入Flash动画,只能使用EＭBＥD标记符。第２题单选题（1)假如要在表单里创建一个普通文本框,以下写法中对的的是：。A.<ＩNPＵＴ＞B．<ＩNPUTtype="passwｏｒd"＞C．＜IＮPUＴtypｅ="ｃhｅckbｏx"＞Ｄ.<INＰUTｔype＝＂ｒadio＂>(2）以下有关表单的说明中,错误的是:。A．表单通常用于搜集用户信息。Ｂ.在FORM标记符中使用ａction属性指定表单解决程序的位置。Ｃ.表单中只能包含表单控件，而不能包含其他诸如图片之类的内容。D．在ＦＯRM标记符中使用ｍethod属性指定提交表单数据的方法。（3）以下有关表单的说明中，错误的是：。Ａ．填写完毕的表单通常要发送到服务器端由特定程序解决。B．在FORＭ标记符中使用action属性指定表单解决程序的位置。C．在FOＲM标记符中使用method属性指定提交表单数据的方法。Ｄ.表单中的“重置”按钮是必不可少的。(4）在指定单选框时,只有将以下属性的值指定为相同,才干使它们成为一组。A．tyｐeB．nａmｅC.ｖａlueＤ.cｈecｋｅｄ（５)创建选项菜单应使用以下标记符：。A.SELECT和OPTIＯNB．INPUT和LAＢＥLＣ.INPUＴD.IＮPＵT和OＰTION（6）以下有关按钮的说法中,错误的是:。A.可以用图像作为提交按钮。B．可以用图像作为重置按钮。Ｃ.可以控制提交按钮上的显示文字。Ｄ.可以控制重置按钮上的显示文字。（7)以下表单控件中，不是由ＩＮPＵＴ标记符创建的为:Ａ.单选框B.口令框Ｃ.选项菜单D.提交按钮(8)要给表单控件设立标签，以下代码中对的的是：A．<INＰUＴtｙpｅ="chｅckboｘ"nａme="nｅｗs"＞<LAＢELfor="ｎewｓ">新闻</LＡBＥL>B.＜INPUTtｙpe＝"checkｂox"ｆor＝＂ｎewｓ"＞＜LABEＬiｄ="news"＞新闻</LABEL＞C.＜IＮPUTｔype＝＂ｃhｅｃkboｘ"for＝＂nｅｗs＂>＜ＬAＢELnaｍｅ="ｎews">新闻</LAＢEL>D.<INPUTｔｙpe="checｋｂoｘ"id＝"neｗｓ＂><LAＢELfor="neｗs">新闻＜/LＡBＥL＞第3题填空题(1)要在表单中添加一个默认时为选中状态的复选框,应使用语句。（2)要创建一个图像提交按钮,应将INPＵT标记符的typｅ属性指定为。(3)在表单中添加选项菜单时,应使用和标记符，其中,标记符不能省略结束标记符。（４)要在表单中添加一个口令框(密码框）,应使用语句。(5）在表单中使用IＮPUT标记符创建提交按钮时，属性用于控制按钮上的文字。第４题问答题（１）任意列举2种可以在页面中添加多媒体效果的方法,并简要说明如何操作。（2)简要说明表单的基本工作原理。第六章第1题判断正误（1)在CSS中,可以用３种以上的方式来表达颜色。（2)CSS样式表项的组成为:seｌｅctｏr｛ｐroｐerｔy1:vａlue1，ｐrｏperty2:ｖalue2,……}(3)在CSS中要设立超链接的效果,应指定虚类sｅlector。（4）CＳS中的ｃolor属性用于设立HＴML元素的背景颜色。第2题单选题(1）以下选项中不能用来表达CSＳ颜色的是:A.ｒedB．＃FF00０0C.rgb(f,0,0)D．rｇｂ(100%,0，0)(２)以下选项中不能用来表达CＳＳ颜色的是：A．redB.#F00Ｃ.rgb（ｆ,0,0)D.rgｂ(100％，0,0)（３)以下有关样式表项的定义中，对的的是：A．Ｈ1{ｆont－ｆamilｙ：楷体＿gb2312，tｅxｔ-aligｈ:ｃｅnter}B．H1｛fonｔ-faｍilｙ=楷体＿gb2312，text-aligh＝centｅr｝C.H1{ｆont－famｉly:楷体_gｂ2312;ｔｅｘt-alｉｇh:center｝D.H１｛fｏnt-family＝楷体＿gb2３12;ｔext-ａliｇh=centeｒ}(4）以下有关样式表项的定义中，对的的是:A.P{font－size=2４pｘ，ｔext-aligｈ=cｅnｔer}Ｂ.Ｐ{fonｔ－ｓiｚe:24px,ｔext-ａligh：center}C.Ｐ{ｆont-sｉze=2４ｐx;texｔ-aligh=cｅnter}D．Ｐ{fｏｎｔ-siｚｅ:２４px；teｘt－aliｇh：ｃｅｎter}(5）以下关于样式表项的定义中,错误的是：A.Ｈ1，H2{ｃoloｒ:ｒed｝B.Ｈ1B{coｌor:ｒed}C.H１#ｃｏlor＿reｄ{coｌｏｒ:rｅd}D.A:ａctivｅ{colｏｒ:ｒed}第３题填空题(１)要使网页中所有的超链接都不显示下划线，样式表项应为。(2）要定义鼠标悬停状态的样式，应使用的sｅｌｅcｔor为。(3)假如要定义一个可应用于所有标记符的通用类test，应使用{color:red}(4)要在HＴML标记符中直接嵌入样式，应使用标记符的属性。(５)在网页中使用CSS涉及三种常用方式:、将样式定义嵌入到网页中以及将样式定义包含在外部CＳS样式文献。（6)在网页中使用CＳＳ涉及三种常用方式:将样式定义直接嵌入到标记符中、以及将样式定义包含在外部ＣSS样式文献。(7）在网页中使用CSS涉及三种常用方式：将样式定义直接嵌入到标记符中、将样式定义嵌入到网页中以及。（８)CＳS样式的作用涉及:=1\＊GB3①简化网页的格式设立工作;=2\＊GＢ3②；=3\*GB3③大大加强网页的表现力。(9)CSＳ样式的作用涉及:＝1＼＊GB3①简化网页的格式设立工作;=2\*ＧB3②增强网页的可维护能力;=3\*GＢ3③。第4题问答题(1）举例说明在网页中使用CSS样式表的三种方式（都使用对ｐ标记符应用ｃoｌｏr属性为例)，并简要分析各自的特点。提醒：LINＫ标记符的用法：<LINKｒel=”sｔylesｈeet”tｙpe=”texｔ/ｃｓs”href=””＞（９分）(2)简要说明CＳS样式表在网页制作中的作用。(3）举例说明CＳS样式表在网页制作中的作用。第七章（暂无)第1题判断正误第２题单选题第３题填空题第4题问答题第八章(暂无）第1题判断正误第２题单选题第3题填空题第4题问答题第九章(暂无）第1题判断正误第2题单选题第３题填空题第4题问答题一、选择题1．ＣSS是（C)的缩写。A．CoｌｏrｆuｌStｙlｅShｅetsＢ.CompuｔerSｔｙlｅSheｅｔｓC．ＣａｓｃadｉngStｙｌeSheetsD.CrｅａtiｖeＳtylｅSheets2．引用外部样式表的格式是(B)。A.＜sｔｙｌesrc="mystylｅ.css">Ｂ．<linkrel＝"sｔylesheｅｔ"ｔyｐe="text/cｓｓ"hrｅf=＂mystｙle.css"＞C．＜ｓtylesheeｔ>mystyｌe.ｃｓs＜/ｓｔylesｈeet>３.引用外部样式表的元素应当放在(C)。A．HTML文档的开始的位置B．HＴＭＬ文档的结束的位置C．在ｈｅad元素中D.在boｄy元素中4.内部样式表的元素是（A）。A.＜ｓtyｌe>B.＜css>Ｃ．＜scrｉpｔ>5.元素中定义样式表的属性名是(A）。A.sｔyleB．ｃlassC．ｓtyｌesD.font6.下列(C)是定义样式表的对的格式。Ａ．{body:color=blaｃk（bｏｄｙ}B.body:coloｒ=ｂlacｋC.bｏdy{color：blacｋ}Ｄ．{ｂody；coloｒ:bｌack}7．下列(A）是定义样式表中的注释语句。Ａ．／＊注释语句*/B．/／注释语句C./／注释语句/／D.‘注释语句8.假如要在不同的网页中应用相同的样式表定义，应当(C）。Ａ.直接在HTＭL的元素中定义样式表B．在ＨTML的<ｈead>标记中定义样式表C.通过一个外部样式表文献定义样式表D．以上都可以９.样式表定义#title{colｏr:red｝表达(Ｂ）。Ａ.网页中的标题是红色的B.网页中某一个iｄ为tiｔle的元素中的内容是红色的C．网页中元素名为titｌｅ的内容是红色的Ｄ.以上任意一个都可以10．样式表定义．ｏｕｔer｛backgｒｏunｄ-ｃolｏr:yeｌlow}表达（B）。Ａ．网页中某一个ｉｄ为oｕter的元素的背景色是红色的B．网页中具有ｃlass=”oｕter”元素的背景色是红色的C.网页中元素名为oｕter元素的背景色是红色的D.以上任意一个都可以47.光标移动文本框上方时,文本框边框的颜色就改变，这是由于激发了下列的(C）事件。Ａ．oｎFocusB.ｏｎＭouseUpC.onMｏuｓrＯvｅrD.ｏnMousＭOve48.下列属性哪一个可以实现层的隐藏?（C）Ａ.display:ｆａlseB.ｄｉｓplay:hiｄdeｎC.dｉsplay:ｎoneD.disｐlay:""4９.下列选项中,不属于文本属性的是（D）。A.foｎt-sｉｚeB.foｎt－stｙleC.text-aligｎD.fonｔ-coｌoｒ50．页面上有一个按钮ｂtn,同时定义好了一个类样式(按钮图片样式表ｂｔnPｉｃ),那么使用（B）就可以实现背景图片的改变。A．onMoｕseOver="clａｓsNaｍe=bｔｎPic"B．onMoｕseOver="this．ｃlassName=btｎＰiｃ"Ｃ．onMｏuseOver="ｔhiｓ.style.ｃｌaｓsName=bｔnＰic"Ｄ.thｉs.bｔｎ.sｔｙle.className=＂bｔnＰic"二、简答题１、什么是标记选择器并举例说明。ＣSS标记选择器就是声明哪些标记采用哪种CSＳ样式。例如：h1{color:red;foｎt-ｓizｅ:２5px；｝２、什么是类别选择器并举例说明。类别选择器的名字可以由用户自定义，用做html页面某标签的class属性值。例如:.red{colｏｒ:reｄ;foｎt-ｓize:１8px}3、什么是IＤ选择器并举例说明。ID选择器是针对html页面中某个具有此ＩＤ属性的标签设立的CSＳ样式。例如：＃ｂｏｌd{ｆoｎt－wｅiｇｈt:bｏｌd;}４、举例说明什么是行内式ＣSS样式。行内式是直接对htmｌ的标记使用styｌe属性，然后将CSS代码直接写在其中。例如：<psｔyle=”coloｒ:#ff0００0；foｎt-ｓize:２0ｐx＞正文内容<／p>5、举例说明什么是内嵌式CSS样式。内嵌样式表就是将CSS写在<ｈeaｄ>与＜/heａｄ＞之间,并且用<stｙle＞和＜/sｔyle>标记进行声明。例如:<head＞＜styleｔypｅ=”text/csｓ”>p{ｃolor：#０00０ff}</stｙle><／heａd>６、举例说明什么是链接式CSS样式。链接式ＣSS样式表是通过使用ｈｔｍl链接文献标签ｌink将外部CSS应用到本页面的样式使用方法。例如:<linkｈｒef=”myＣSS．cｓs”ｔｙpe=”tｅxt/css”rel=”sｔｙleｓｈeｅｔ”>7、举例说明什么是导入式CSS样式。采用ｉmｐｏrｔ方式导入的样式表，在html文献初始化时,会被导入到html文献内，作为文献的一部分,类似内嵌式的效果。例如:@ｉmpｏrturl(shｅet.csｓ);8、什么是交集选择器,并举