网页制作基础任务教程（HTML5+CSS3）期末试卷及答案2套.docx

《网页制作基础任务教程（HTML5+CSS3）期末试卷及答案2套.docx》由会员分享，可在线阅读，更多相关《网页制作基础任务教程（HTML5+CSS3）期末试卷及答案2套.docx（22页珍藏版）》请在课桌文档上搜索。

1、一、单选题（共20题，40分）1、HTML的全称是（）（2分）A、HyperlinksandTextMarkupLanguageB、HomeTooIMarkupLanguageCnHowToMarkupLanguageD、HyperTextMarkupLanguage2、pmargin-top:20px;表示的含义是（）（2分）A、段落的上边框到它上面的其他元素的下边框的距离是20px：B、段落的上边框到它的内容之间距离是20px;C、段落的上边框到它的X下边框之间距离是20px;D、段落的上边框到它上面的其他元素的上边框的距离是20px;3、若要在页面中创建一个图形超链接，要显示的图形为my

2、home.jpg,所链接的地址为http:WWW.pcnetedu.Com,以下用法中，正确的是？（）（2分）A、myhome.jpgBC、D4、在HTML中，（）标记不可出现在和标记符之间。（2分）A、B、CD、5、如何在新窗口打开链接？（）（2分）A、xxB、xC、xxD、xHM6、根据现有网页结构，如何设置定位，实现如图所示的二级菜单效果？（）（2分）BlftmdrdllSUC1PHPrnHKotrtectlulA、#navigationIi-relative,NavigationIiulabsoluteBx#navigationrelative,NavigationIiabsolute

3、C#navigationul-relative,#navigationIiulabsoluteDx#navigationIi-absolute,#navigationIiulrelative7、设置hl的边框，右边为红色，上下左为黑色边框。（）（2分）A、hlborder:lpxsolidblack;border-right-color:red;B、hlborder-right-color:red;border:lpxsolidblack;C、hlborder-right:red;border:lpxsolidblack;D、以上都正确8、如何在CSS文件中插入注释（）（2分）A/thisis

4、acomment/thisisacomment/C*thisisacomment*/D、,thisisacomment9、在HTML中,下面（）是己被访问过呈红色文字的样式。（）（2分）A、a:linkcolor:red;Ba:hovercolor:red;C、a:ViSitedcoloured;D、a:activecolor:red;10、下面关于ID和CIaSS的说法中正确的是（）（2分）A、id是唯一的，不同的页面中，不允许出现相同的idB、id就像你的名字,ClaSS就像你的身份证号C、同一个页面中，不允许出现两个相同的classD、可以为不同的元素设置相同的class来为它们定义相同

5、的样式11、下列哪一项是CSS添加背景图片的样式属性？（）（2分）A、background-positionBbackground-colorCnbackground-imageDxbackground-size12、以下哪种选择器表示鼠标指针悬停在链接上方（）（2分）A、a:linkBa:visitedCa:hoverD、a:active13、下面哪个方法可以去掉文本超链接的下划线（）（2分）A、atext-decoration:nounderline;Baunderline:none;C、adecoration:nounderline;D、atext-decoration:none;14、

6、文本内容能将以上代码中文本内容颜色变为红色的样式是（）（2分）A、pcolonred;Bxbigboxcolor:red;C#bigboxcolor:red;D、.bigboxcolor:red;15、看代码判断行生什么样子的表格？（）（2分）   16、# divl background:red; color:blue ; text-alignxenter;以上代码的意思是（）（2分）A、把divl标签里面的内容设置为红色背景，蓝色文字，居中对齐。B、把divl标签设置背景图为red的图片，蓝色文字，居中对齐。C、设置类样式divl,背景色为红色，蓝色文字，文字

7、居中对齐。D、id为divl的对象设置为红色背景，蓝色文字，文字居中对齐。AinputBselectCtetareaD、checkbox18、哪个HTML标签用于定义内部样式表？（）（2分）A、styleB、scriptC、cssD、link19、下列标签中，属于行内元素的有（）（2分）A、div标签Bstrong标签C、li标签Dspan标签20、创建锚点链接，用户能够快速定位到同一页的liid=bb目录内容li方法正确的是（）（2分）A、asrc=#bb”链接文本aB、aid=#bb”链接文本aC、aname=用bb”链接文本aD、Vahref=#bb”链接文本二、多选题（共5题，10分）

8、1、能被用在网页头部的标签有（）（2分）A、styleB、linkCdivD、span2、通过InPUt标签可以建立哪些表单元素？（）（2分）A、建立一个单行文本框B、建立一个多行文本域C、建立一个单选按钮D、建立一个按钮E、建立一个复选框F、建立一个列表框3、在CSS中，能够去掉项目列表符号的属性是（）（2分）Alist-style-image属性B、IiSt-StyIe-PoSition属性Clist-style属性D、IiSt-StyIe-type属性4、阅读下面HTML代码，若要使和标签在同一行显示，下面选项中的CSS书写正确的是（）（2分）用户名：A、Adtfloat:left;Bd

9、lddfloatrleft;C、dldt,dlddfloat:left;D、dldisplay:inline;5、下面说法不正确的是（）（2分）A、HTML标签必须成对出现B.Table属于过时的标签，遇到数据列表时，需尽量使用div来模拟表格C、如果换行必须用段落标记和换行标记D、如果图片文件和网页文件不在同一个目录将SrC属性直接设置成图片文件名三、判断题（共5题，10分）1、在表单中，name属性用于指定表单的名称，以区分同一个页面中的多个表单。（）（2分）2、可以随意使用h标记设置文字加粗或更改文字的大小。（）（2分）3、标题标记可以设置文本左对齐或右对齐（）（2分）4、在超链接中，如

10、果暂时没有确定链接目标，通常将标记的href属性值定义为（）（2分）5、在HTML语言中，通过创建锚点链接，用户能够快速定位到目标内容。（）（2分）四、程序填空题（共2题20空，40分）1、阅读下列说明、效果图和HTML代码，进行网页制作，填写（1）至（10）代码。效果如效果图所示.【效果图】C3C【代码：】图书馆简介新书通报图书馆馆员名录读者注册读者注册请填写如下个人信息：姓名：性别：H出生年月：所在城市：VOPtiOn北京/option天津长沙!-分析网页效果图填入适当的标签个人爱好：看书打球看电视泡网吧个人简介:(10)分析网页效果图填入适当的属性值-2、阅读下列说明、效果图、HTML和

11、CSS代码，进行网页制作，填写(1)至(10)代码。效果如效果图所示。【效果图】互联网起源和发面.VerySimpleAscnMapOfTheFirstNetworkLinkOnARPANETBetweenUCLAAndSRIyXTakenFromRFC-4NenvorkTimetable,ByElmerBShapuo1March1969.1961年,美国麻省SX学院的伦纳弟克兰罗克(LeonardKlemrock)博士.发表了分组交换技术的论文，该技术后来成为互联网的标准通信方式.从这以后,主要基于主机架构的低速串行连接，提供应用程序运行、远程打印和数据服务功能的计算机网络，在20世纪60年

12、代逐渐兴起.1969年，美国国防部为了开发能够抵抗核打击的计算机网络，资助建立了一个基于分组交倏的网络，名为ARPANET,就是今天互联网(IntEIet)的最早雏形.1971年，位于美国剑桥的bbn科技公司工程师督汤姆林森(raytomlinson)开发出电子邮件.此后，arpanet术开始向大学等研究机构普及.1973年，tcp(传输控制协议)正式投入使用;1981年，ip(互联网协议)投入使用;1983年，tcp/ip协议正式被集成于美国加州大学伯克分校的Uni薇本中，该网络版适应了当时各大学、机关、企业强烈的网络需求.随免费发放的Unix操作系统的广泛使用,tcp/ip协议得到了极大的

13、推广.同年，arpanet宣布将把过去的通信协议ncp(网络控制协议)向新协议tcpip(传输控制协议/互联网协议)过渡.随着越来越多厂家的加入和支持，tcp八P协议成为将大大M分散于各地的网络连接起来的纽带.【HTML代码】css设置文本样式互联网起源和发展AverysimpleasciimapofthefirstnetworklinkonARPANETbetweenUCLAandSRItakenfromRFC-4NetworkTimetable,byElmerB.Shapiro,March1969.1961年，美国麻省理工学院的伦纳德克兰罗克(Ieonardkleinrock)博士发表了分

14、组交换技术的论文，该技术后来成为互联网的标准通信方式。从这以后，主要基于主机架构的低速串行连接，提供应用程序运行、远程打印和数据服务功能的计算机网络，在20世纪60年代逐渐兴起。1969年，美国国防部为了开发能够抵抗核打击的计算机网络，资助建立了一个基于分组交换的网络，名为ARPANET,就是今天互联网(Internet)的最早雏形。1971年,位于美国剑桥的BBN科技公司工程师雷汤姆林森(RayTOmlinSOn)开发出电子邮件。此后，ARPANET技术开始向大学等研究机构普及。1973年，TCP(传输控制协议)正式投人使用;1981年，IP（互联网协议）投人使用;1983年，TCP/IP协

15、议正式被集成于美国加州大学伯克利分校的UNlX版本中，该网络版适应了当时各大学、机关、企业强烈的网络需求。随着免费发放的UNIX操作系统的广泛使用，TCP/IP协议得到了极大的推广。同年，ARPANET宣布将把过去的通信协议NCP（网络控制协议）向新协议TCPIP（传输控制协议/互联网协议）过渡。随着越来越多厂家的加人和支持，TCP八P协议成为将大大小小分散于各地的网络连接起来的纽带。【CSS代码】hl（fontfamily:黑体；（3） :bold;/*标题文字加粗显示，此行中请填写第（3）空*/（4） :overlineunderline;/*标题显示上划线和下划线，此行中请填写第（4）空

16、*/text-alignxenter;（5） :20px;/*字间距为20px,此行中请填写第（5）空*/）pifont-family:TimesNewRoman;（6） :CaPitaIiZe;/*英文首字符大写,此行中请填写第（6）空*/text-aIignJustify;word-spacing:10px;）（7） /*选中段落第一个字符A设置样式，此行中请填写第（7）空*/color:#FFOOOO;font-size:3em;float:left;）#P2（8） :（9）；/*设置第二段文字1.5倍行距，此行中请填写第（8）和第（9）空*/（10）:2em;/*首行缩进2字符，此行中

17、请填写第（10）空*/text-transformJowercase;1、2、3、4、5、6、7、8、9、10、1112、13、14、1516、1718、19、20、二、1、2、3、4、一、单选题（共20题，40分）DACCBAACCDCCDCBCDADD多选题（共5题，10分）ABACDECDSAC5、BCD三、判断题（共5题，10分）1、2、X3、X4、X5、四、程序填空题（共2题20空，40分）第一空:第二空:第三空:第四空:第五空:第六空:第七空:第八空:第九空:hrinputtextradioradioselect/selecttextarea/textarea第十空：reset1、

18、第一空：link第二空：/body第三空：font-weight第四空：text-decoration第五空：letter-spacing第六空：text-transform第七空：p.plspan;.plspan第八空：line-height第九空：1.5em第十空：text-indent一、单选题（共20题，40分）1、以下标记中，没有对应的结束标记的是（）（2分）A、 B、 C、D、2、以下标记符中，用于设置页面标题的是（）（2分）A、BCnD、3、Hml的注释符号是什么？（）（2分）A、B、C、 /*/D、4、在HTML中，关于下列代码说法错误的是（）（2分）A、此标签用来创建一个超链

19、接B、目标窗口在当前窗口中打开C、超链接的额连接地址是index.htmlD、超链接文字是“首页”5、.,表示（）（2分）A、打开一个空窗口的超链接代码B、在父窗口打开超链接的代码C、新开一个窗口的超链接代码D、在本窗口中打开一个超链接的代码6、下面关于文件路径的说法错误的是（）（2分）A、是返回当前目录的上一级目录B、是返回当前目录的下一级目录C、访问下一级目录直接输入相应的目录名即可D、文件路径指文件存储的位置7、如何在新窗口打开链接？（）（2分）A、xxB、xC、xD、x8、在以下的HTML中，哪个是正确引用外部样式表的方法？（）（2分）A、B、C、mystyle.cssD、9、分析以下

20、代码样式效果，判断文字的颜色divtbox3color:green;Iboxldivcolor:yellow;div,c3color:blue;divid=wbox3,CIaSS=猜猜我是什么颜色？A、greenB、yellowCblueD、黑色10、下面有关选择器的说法中，不正确的是（）（2分）A、在CIaSS选择器中，我们只能对相同的元素定义相同的CIaSS属性B、后代选择器选择的不仅是子元素，还包括它的其他后代元素（如孙元素）C、群组选择器可以对几个选择器进行相同的操作D、想要为某一个元素定义样式，我们可以使用不同的选择器来实现11下面的描述正确的是（）（2分）#menufont-siz

21、e:14px;）A、menu是标签选择器B、menu是元素选择器Cmenu是类选择器D、menu是ID选择器12、阅读下面HTML代码，段落标签内文本最终显示的颜色是（）（2分）bodycolor:#333;#textcolor:#666;.contentcolor:#00f;.graycolor:#fOO;我我本将心向明月，奈何明月照沟渠。A、#f00B、#00fC#666D、 #33313、将标签中的文字大小设置为18px,颜色设置为#336699,文本有删除线，则下列css正确的是（）（2分）A、pfont-size=18px;color:#336699;text-decoration:

22、overline;B、pfont-size:18px;color:#336699;text-decoration:line-through;C、pfont-size:18px;color:#336699;text-decoration:underline;D、pfont-size=18px;color:#369;text-decoration:blink;14、下面哪个方法可以去掉文本超链接的下划线（）（2分）A、atext-decoration:nounderline;BaUnderlineinone;C、adecoration:nounderline;D、atext-decoration:

23、none;15、以下关于背景图片的设置说法错误的是（）（2分）A、background可以设置背景图片Bbackground-image可以设置背景图片Cbackground-repeat：repeat；表示背景图像仅在横向上平铺D、background-repeat属性不设置.，默认代表背景图像在纵向和横向上平铺16、设置hl的边框，右边为红色，上下左为黑色边框.（）（2分）A、hlborderrlpsolidblack;border-right-color:red;Bhlborder-right-color:red;border:lpxsolidblack;Chlborder-right:

24、red;border:lpxsolidblack;D、以上都正确17、设置元素相对自己原来的位置向上移动20px,正确的CSS属性设置是（）（2分）APositionirelative;top20px;BPositionirelative;top:20px;C、position:absolute;top20px;Dxposition:absolute;top:20px;18、下面选项中，可以设置页面中某个DIV标签相对页面水平居中的CSS样式是（）（2分）A、margin:OautoBxpadding:0autoCtext-alignxenterDxvertical-align:middle1

25、9、下列标签中，用于定义页面主区域内容之外的内容的标签是（）（2分）A、B、CD、20、以下不属于HTML5语义化结构标签的是（）（2分）。AB、CnD、二、多选题（共5题，10分）1、以下（）是块级元素（2分）A、divB、imgC、inputDp2、在CSS中，能够去掉项目列表符号的属性是（）（2分）A,list-style-image属性B、IiStTtyle-POSition属性Clist-style属性Dxlist-style-typeM13、以下不是双标记的有（）（2分）A、B、CDxE、F、4、阅读下面HTML代码，若要使和标签在同一行显示，下面选项中的CSS书写正确的是（）（2

26、分）用户名：A、dldtfloatdeft;Bdlddfloat:left;Cndldt,dlddfloatdeft;Dxdldisplay:inline;5、分析下面的HTML代码片段，则选项中的说法正确的是（）（2分）成绩语文A、该表格共有两行三列B、该表格边框宽度为30像素C、该表格中的文字均居中显示D、”姓名”单元格跨2列三、判断题（共5题，10分）1、table标签后面可以直接加td,（）（2分）2、标记在头部标记中，只可出现一次。（）（2分）3、标记和标记是并列关系（）（2分）4、任何标签都可以通过加StyIe属性来直接定义它的样式。（）（2分）5、绝对定位的元素会脱离文档流。（）

27、（2分）四、程序填空题（共2题20空，40分）1、阅读下列说明、效果图、HTML和CS3代码，进行网页制作，填写（工）至（10）代码。【效果图】月份作者书目（内容）1鲁迅期花夕拾2冰心黎里.春水3吴承恩西游记4施耐庵娟5钳骆驼祥子2018年阅读计划触【代码】无标题文档*margin:0;padding:0;).bigboxwidth:600px;(i):OaUto;/*设置整个内容居中显示,此行中请填写第(1)空*/).bigboxtablewidth:500px;border:#060solid3px;(2)X3);/*定义表格边框线合并为单线,此行中请填写第(2)和(3)空*/).bigb

28、oxtd,.bigboxthborder:#090solidlpx;height:30px;line-height:30px;text-align:center;).bigboxthbackground:#030;color:#FFF;).greenbackground:#9F0;).bigboxtr:hoverbackground:#F90;)#formlwidth:510px;)#textlwidth:408px;height:33px;border:#090solidlpx;margin-right:Opx;)#btlwidth:88px;height:35px;line-height:

29、35px;border:(4);*定义按钮无边框线,此行中请填写第(4)空*/background:#030;color:#FFF;font-size:16px;margin-left:0px;)*定义鼠标指向按钮，按钮背景变色,鼠标变为手型*/#btl:hover(5):#F90;/*此行中请填写第(5)空*/(6):(7);/*此行中请填写第(6)和(7)空*/)月份作者书目(内容)l鲁迅朝花夕拾2冰心繁星.春水3吴承恩西游记4施耐庵水浒5老舍骆驼祥子2018年阅读计划 2、阅读下列说明、效果图、HTML和CSS代码，进行网页制作，填写（1）至（10）代码。【效果图】家惠2O19

30、JtCrIK色6积IW学生女装二张三三ffi【代码】商品展示!-根据上下文填入合适的标签微胖连衣裙2019网红初秋女装黑色休闲裤韩版学生女装原创设计女装【CSS代码】body,hl,h2,h3,h4,h5,h6,p,ul,ol,dl,ddmargin:0;padding:0;)/*清理默认列表样式*/u(list-style:(3);)/*显示为块级元素*/img(4)：(5);)/*清理左右浮动*/.clear:aftercontent:,;display:block;(6):(7);).boxwidth:100%;.box.conwidth:1375px;margin:Oauto;).bo

31、x.conulpadding-top:30px;)*左浮动*/.box.conulli(8):(9);width:250px;margin:022px22px0;border:lpxsolid#eee;).box.conulIiimgmargin:15pxauto0;).box.conulIippadding:15px;)*设置鼠标移入添加红色边框*/.box.conulli:(10)border:lpxsolidred;四、单选题（共20题，40分）21、B22、A23、D24、B25、B26、B27、B28、B29、B30、A31、D32、C33、B34、D35、C36、A37、A38、A39、D40、B五、多选题（共5题，10分）6、AD7、CD8、ADEF9、AC10、CD六、判断题（共5题，10分）6、X7、X8X9、10、四、程序填空题（共2题20空，40分）1、第一空：margin第二空：border-collapse第三空：collapse第四空：none第五空：background-color;background第六空：cursor第七空：pointer第八空：colspan=3第九空：button第十空：搜索2、第一空：ul第二空：/ul第三空：none第