网页制作基础任务教程（HTML5+CSS3）期末试卷及答案2套.docx
一、单选题（共20题，40分）1、HTML的全称是（）（2分）A、HyperlinksandTextMarkupLanguageB、HomeTooIMarkupLanguageCnHowToMarkupLanguageD、HyperTextMarkupLanguage2、pmargin-top:20px;表示的含义是（）（2分）A、段落的上边框到它上面的其他元素的下边框的距离是20px：B、段落的上边框到它的内容之间距离是20px;C、段落的上边框到它的X下边框之间距离是20px;D、段落的上边框到它上面的其他元素的上边框的距离是20px;3、若要在页面中创建一个图形超链接，要显示的图形为myhome.jpg,所链接的地址为http:WWW.pcnetedu.Com,以下用法中，正确的是？（）（2分）A、<ahref=n,>myhome.jpg<a>B<imgsrc="myhome.jpg"><ahref=http><a>C、<ahref=",Ximgsrc="myhome.jpg,><a>D<ahref=httpwww.pcnetedu.Comximgsrc=wmyhome.jpgw/>4、在HTML中，（）标记不可出现在<body>和<body>标记符之间。（2分）A、<hr>B、<br>C<title>D、<!->5、如何在新窗口打开链接？（）（2分）A、<ahref="ur,new>x×x<a>B、<ahref=,url"target="_blank">××x<a>C、<ahref="url"target="new">xx×<a>D、<ahref="url"target="_new">××x<a><M><a hrf*f >HM<a><li>6、根据现有网页结构，如何设置定位，实现如图所示的二级菜单效果？（）（2分）<ul><H><hrf三f>Bl<><tal><H><a>ftmdrd<><ll<11><>SUC1PH<aXli><al></1»><li><hrfe>Prn<><lx><H><hrf三fMxtSttwK>H><H><Kotrtectl<><lt>ul><div><<r>A、#navigationIi-relative,NavigationIiulabsoluteBx#navigationrelative,NavigationIiabsoluteC#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/thisisacomment/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来为它们定义相同的样式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、<divid="bigbox”>文本内容<div>能将以上代码中文本内容颜色变为红色的样式是（）（2分）A、pcolonred;Bxbigboxcolor:red;C#bigboxcolor:red;D、.bigboxcolor:red;15、看代码判断行生什么样子的表格？（）（2分）<tablewidth=w466"height=w127,><trxtd> </td><td> </td></tr><tr><tdcolspan="2"> </td></tr><table>16、# divl background:red; color:blue ; text-alignxenter;以上代码的意思是（）（2分）A、把divl标签里面的内容设置为红色背景，蓝色文字，居中对齐。B、把divl标签设置背景图为red的图片，蓝色文字，居中对齐。C、设置类样式divl,背景色为红色，蓝色文字，文字居中对齐。D、id为divl的对象设置为红色背景，蓝色文字，文字居中对齐。AinputBselectCte×tareaD、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分）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代码，若要使<dt>和<dd>标签在同一行显示，下面选项中的CSS书写正确的是（）（2分）<dl><dt>用户名：<dt><dd><inputtype="text"name="userName"size="12"><dd><dl>A、Adtfloat:left;Bdlddfloatrleft;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、在超链接中，如果暂时没有确定链接目标，通常将<a>标记的href属性值定义为（）（2分）5、在HTML语言中，通过创建锚点链接，用户能够快速定位到目标内容。（）（2分）四、程序填空题（共2题20空，40分）1、阅读下列说明、效果图和HTML代码，进行网页制作，填写（1）至（10）代码。效果如效果图所示.【效果图】C3C【代码：】<bodybgcolor="#FF9900"><p><ahref=',>图书馆简介<a><ahref="">新书通报<a><ahref=,>图书馆馆员名录<a>读者注册<p><!分析网页效果图填入适当的标签-><(1)width="100%"color="blue"/><hl>读者注册<hl><formaction="'1method="post"name="fl><P><b>请填写如下个人信息：<b><p><p>姓名：<!-分析网页效果图填入适当的标签和属性值-><(2)name="tl"type="(3)"size=,'12"><p><p>性别：<!(G(5)分析网页效果图填入适当的属性值-><inputtype="(4)"name="rl">H<inputtype="(5)"name="rl"><p><p>出生年月：<inputname="t2"type="text"value="1983-03-09"size=,12"><p><p>所在城市：<!分析网页效果图填入适当的标签-><(6)name="sl">VOPtiOn>北京/option<oPtiOn>天津<option><oPtion>长沙<option><!-分析网页效果图填入适当的标签<(7)><p><p>个人爱好：<inputtype="checkbox"name="cl">看书<inputtype=',checkbox"name="c2">打球<inputtype="checkbox"name="c3">看电视<inputtype="checkbox"name="c4">泡网吧<p><p>个人简介:<br><!-(8乂9)分析网页效果图填入适当的标签-><(8)name="t3"cols="50"rows="10,'><(9)><p><P><inputname=,sl"type=,submit"value="I¾
