《网页制作基础任务教程(HTML5+CSS3)(慕课版)》课后参考答案 殷兆燕_第1页
《网页制作基础任务教程(HTML5+CSS3)(慕课版)》课后参考答案 殷兆燕_第2页
《网页制作基础任务教程(HTML5+CSS3)(慕课版)》课后参考答案 殷兆燕_第3页
《网页制作基础任务教程(HTML5+CSS3)(慕课版)》课后参考答案 殷兆燕_第4页
《网页制作基础任务教程(HTML5+CSS3)(慕课版)》课后参考答案 殷兆燕_第5页
已阅读5页,还剩6页未读 继续免费阅读

下载本文档

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

文档简介

HTML的全称是(D)。A.HyperlinksandTextMarkupLanguageB.HomeToolMarkupLanguageC.HowToMarkupLanguageD.HyperTextMarkupLanguage2.以下不属于静态网页技术的是(C)。A.HTMLB.CSSC.ASPD.JavaScript3.以下关于静态网页和动态网页的说法错误的是(D)。A.静态网页文件里没有服务器程序代码,只有HTML标签B.要改变静态网页的内容,就必须修改源代码C.动态网页可以访问数据库,而静态网页不能D.静态网页不能含有动画4.HTML5的注释格式是(D)。A.//注释内容B.'注释内容C./*注释内容*/D.<!--注释内容-->5.下面标签不能嵌套在<head>标签内的是(C)。A.<title>B.<style>C.<body>D.<script>6.网页主体内容所在的标签对是(C)。A.<html></html>B.<div></div>C.<body></body>D.<head></head>7.在HBuilderX中添加注释的组合键是(B)。A.Ctrl+RB.Ctrl+/C.Ctrl+LD.Ctrl+N1.以下选项中,定义标题最合理的方法是(C)。A.<spanclass="heading">文章标题</span>B.<p><b>文章标题</b></p>C.<h1>文章标题</h1>D.<strong>文章标题</strong>2.设置强调文本并且字体表现形式为斜体需要使用(C)标签。A.<b>B.<strong>C.<em>D.<i>3.在网页中可以显示特殊字符,如果要输入空格,应使用(D)。A.nbsp;B.&Nbsp;C. D. 4.在HTML5中,用(A)来表示特殊字符“<”。A、<B、>C、&D、¥5.下列表示下标的是(B)。A.<sup></sup>B.<sub></sub>C.<top></top>D.<body></body>6.若要在页面中创建一个图片超链接,要显示的图形为myhome.jpg,所链接的地址为“http://www.pcnet***.com”,以下用法中,正确的是(C)。A.<ahref="http://www.pcnet***.com">myhome.jpg</a>B.<imgsrc="myhome.jpg"/><ahref=http://www.pcnet***.com></a>C.<ahref="http://www.pcnet***.com"><imgsrc="myhome.jpg"/></a>D.<ahref=http://www.pcnet***.com><imgsrc="myhome.jpg"/>7.在本地站点中有如下两个文件G:\site\other\index.htmlG:\site\web\article\01.gif若要在index.html中插入图片01.gif,正确的链接路径应该是(C)。A.src="01.gif"B.src="web/article/01.gif"C.src="../web/article/01.gif"D.src="../../web/article/01.html"8.关于以下HTML代码片段,说法错误的是(D)。<imgtitle="香喷喷"alt="可乐鸡翅"src="images/chicken.jpg"/>A.alt属性指定替代文本,title属性可以提供额外的提示或帮助信息B.将鼠标指针移至图片位置则显示“香喷喷”C.当图片路径错误或网速太慢时,图片位置会显示“可乐鸡翅”D.有语法错误,什么也不显示9.关于下列HTML代码,说法错误的是(B)。<ahref="index.html"target="_blank">首页</a>A.此标签用来创建一个超链接B.目标网页在当前窗口中打开C.超链接的链接地址是index.htmlD.超链接文字是“首页”10.<td>标签表示的是(C)。A.表格的一行B.表格的一列C.表格的一个单元格D.表格的标题11.以下(C)标签用于在表单中构建复选框。A.<inputtype="text"/>B.<inputtype="radio"/>C.<inputtype="checkbox"/>D.<inputtype="password"/>12.以下标签中,用于设置表格标题的是(B)。A.<title>B.<caption>C.<head>D.<html>13.下面是HTML表单标签的是(D)。A.<td>B.<table>C.<from>D.<form>14.下列用于定义一个可输入多行文本的文本域的标签是(B)。A.<select>B.<textarea>C.<input>D.<body>15.用于定义带有数字符号的列表的标签是(C)。A.<ul>B.<dl>C.<ol>D.<list>一、单选题1.下面有关HTML语义化说法不正确的是(A)。A.大多数标签实现的效果完全可以使用<div>和<span>标签来代替实现B.学习语义化的目的在于:在有需要的地方用恰当的标签C.语义化对于搜索引擎优化来说是非常重要的D.语义化的目的在于提高代码的可读性和可维护性2.以下不属于HTML5语义化结构标签的是(B)。A.<article>B.<banner>C.<footer>D.<main>3.下列是行级元素的是(A)。A.aB.divC.liD.p4.下列标签中是无语义标签的是(C)。A.<p>B.<article>C.<span>D.<em>5.下列网页模块命名不符合规范的是(D)。A.<divclass="header"></div>B.<divclass="top"></div>C.<divclass="h"></div>D.<divclass="1h"></div>6.下列标签中,用于定义页面主区域内容之外的内容的标签是(D)。A.<nav>B.<article>C.<span>D.<aside>二、判断题1.<main>标签在页面中只能使用一次。(√)2.<nav>标签在页面中只能使用一次。(×)3.网页的HTML结构应该全部使用<div>标签和<span>标签来实现。(×)4.网页模块的命名不能以数字开头。(√)5.<span>标签的语义是一个小文本区域。(√)1.CSS的全称是(D)。A.CreativeStyleSheetsB.ColorfulStyleSheetsC.ComputerStyleSheetsD.CascadingStyleSheets2.下列CSS语法正确的是(A)。A.body{color:black;}B.{body:color=black}C.body{color:black,}D.{body;color:black}3.以下正确引用外部样式表的是(D)。A.<stylesrc="mystyle.css">B.<stylesheet>mystyle.css</stylesheet>C.<linkrel="stylesheet"href="style.css/>D.<linkrel="stylesheet"type="text/HTML"href="style.css"/>4.在CSS样式文件中注释正确的是(C)。A.//thisisacomment////B.'thisisacommentC./*thisisacomment*/D.//thisisacomment5.下列样式中,选择器的优先级最高的是(C)。A.p{color:#F00;}B..one{color:#F00;}C.#aa{color:#F00;}D.*{color:#F00;}6.下面关于id和class属性的说法中,正确的是(D)。A.id属性值是唯一的,不同的页面中不允许出现相同的id属性值B.id属性值就像你的名字,class属性值就像你的身份证号C.同一个页面中,不允许出现两个相同的class属性值D.可以为不同的元素设置相同的class属性值来为它们定义相同的样式1.设置a元素中的内容没有下划线的是(C)。A.a{text-decoration:nounderline;}B.a{underline:none;}C.a{text-decoration:none;}D.a{decoration:nounderline;}2.设置p元素中的字体为粗体的是(B)。A.p{text-size:bold;}B.p{font-weight:bold;}C.<pstyle="text-size:bold;">D.<pstyle="font-size:bold;">3.表示上边框线宽10px、下边框线宽5px、左边框线宽20px、右边框线宽1px的样式语句为(A)。A.border-width:10px1px5px20px;B.border-width:10px5px20px1px;C.border-width:5px20px10px1px;D.border-width:10px20px5px1px;4.CSS样式语句“background-position:-5px10px”的意义是(C)。A.背景图像向左偏移5px,向下偏移10pxB.背景图像向左偏移5px,向上偏移10pxC.背景图像向右偏移5px,向下偏移10pxD.背景图像向右偏移5px,向上偏移10px5.在HTML网页中添加如下CSS样式代码,当鼠标指针悬停在超链接上面时,网页中的超链接呈现的颜色为(B)。body{color:red;}a{color:black;}a:link,a:visited{color:blue;}a:hover,a:active{color:green;}红色B.绿色C.蓝色D.黑色6.关于元素的背景图像,以下说法正确的是(D)。A.设置背景图像后,元素的宽高默认和背景图像的原始宽高相等B.背景图像只能设置一张C.修改背景图像的宽度后,其高度也会等比例缩放D.默认情况下,当背景图像尺寸小于元素尺寸时,背景图像会重复显示7.在HTML网页中,如果需要在CSS中设置文本的字体是隶书,则需要设置文本的(A)属性。A.font-familyB.font-sizeC.font-styleD.face8.下列不是边框线型的是(A)。A.backgroundB.solidC.dashedD.double1.“p{margin-top:20px;}”表示的含义是(A)。A.段落的上边框到段落上面的其他元素的下边框的距离是20pxB.段落的上边框到段落内容之间的距离是20pxC.段落的上边框到段落的下边框之间的距离是20pxD.段落的上边框到段落上面的其他元素的上边框的距离是20px2.如果有盒子嵌套,要调整外面盒子和里面盒子之间的距离(B)。A.一般用外面盒子的margin属性来调整,可以避免外边距合并的现象出现B.一般用外面盒子的padding属性来调整,可以避免外边距合并的现象出现C.一般用里面盒子的margin属性来调整,可以避免外边距合并的现象出现D.一般用里面盒子的padding属性来调整,可以避免外边距合并的现象出现3.下面(D)属性用于定义外边距。A.contentB.paddingC.borderD.margin4.默认情况下,(A)元素设置width属性和height属性可以生效。A.divB.spanC.strongD.em5.与以下CSS代码效果等同的是(A)。.box{margin:10px5px;margin-right:10px;margin-top:5px;}A..box{margin:5px10px10px5px;}B..box{margin:5px10px0px0px;}C..box{margin:5px10px;}D..box{margin:10px5px10px5px;}6.以下描述错误的是(B)。A.相对定位是相对于元素初始位置进行的定位B.绝对定位是相对于浏览器窗口进行的定位C.设置相对定位后,元素原本所占的空间仍保留D.设置绝对定位后,元素原本所占的空间不保留7.已知一个设置了绝对定位的元素b,位于其父元素a中,a元素设置为静态定位,则b元素将以(C)为基准进行偏移。A.a元素B.b元素的初始位置C.html元素D.以上答案都不对8.下面关于浮动的描述不正确的是(B)。A.浮动的元素会变成块级元素B.浮动元素会完全脱离文档流,其他元素当它不存在C.浮动定位与相对定位有很多相似之处D.应该为所有浮动元素设定宽度,否则结果将是不可预知的9.下面关于浮动的描述正确的是(A)。A.浮动只能向左或向右浮动B.浮动元素不能设置高度和宽度C.浮动的块级元素的宽度会失效D.如果把3个div元素都设置为向左浮动,则它们会显示在一行上10.对于“<div>1</div><div>2</div><div>3</div>”3个div元素,如果要按照1、2、3的顺序排列在一行,可以通过下面(D)方法可以实现。A.1和2都向左浮动B.1和2都向右浮动C.3个div元素都向右浮动D.1和2向左浮动,3向右浮动11.下面不会让div元素脱离文档流的语句是(B)。A.position:fixed;B.position:relative;C.position:absolute;D.float:left;12.默认情况下,以下关于定位布局的说法不正确的是(C)。A.固定定位元素的位置是相对于浏览器的4条边进行定位的B.相对定位元素的位置是相对于原始位置进行定位的C.绝对定位元素的位置是相对于原始位置进行定位的D.position属性的默认值是static13.阅读下面的HTML代码,如果期望tabs子元素位于box父元素的右下角,则需要添加的CSS代码是(C)。<divid="box"><divid="tabs"></div></div>A.#tabs{position:absolute;right:0;bottom:0;}B.#tabs{position:relative;right:0;bottom:0;}C.#box{position:relative;}#tabs{position:absolute;right:0;bottom:0;}D.#box{position:relative;}#tabs{position:rightbottom;}14.将元素相对自己原来的位置向上移动20px,正确的CSS属性设置是(A)。A.position:relative;top:-20px;B.position:relative;top:20px;C.position:absolute;top:-20px;D.position:absolute;top:20px;1<!DOCTYPEhtml>2<html>3<head>4<metacharset="utf-8">5<title></title>6<style>7*{8padding:0;9margin:0;10}11ul{list-style:none;}12.banner{13width:730px;14height:360px;15border:#9991pxsolid;16position:relative;/*设置定位,此行中请填写第(1)和(2)空*/17}18.pic{19width:730px;20height:360px;21overflow:hidden;/*隐藏多余图片,此行中请填写第(3)和(4)空*/22}23.picimg{24width:730px;25height:360px;26}27.tit{28position:absolute;/*设置定位,此行中请填写第(5)和(6)空*/29top:325px;30color:#FFF;31font-size:12px;32}33.titli{34float:left;35width:145px;36height:35px;37margin-left:1px;38line-height:34px;39text-align:center;40background-color:#000;41opacity:0.5;42}43.titli:hover{44opacity:1;/*设置透明度为不透明,此行中请填写第(7)空*/45cursor:pointer;/*设置鼠标指针为手形,此行中请填写第(8)和(9)空*/46}47</style>48</head><!--此行中请填写第(10)空-->49<body>50<divclass="banner">51<ulclass="pic">52<li>53<ahref="#">54<imgsrc="images/1.jpg"/></a>55</li>56<li>57<ahref="#">58<imgsrc="images/2.jpg"/></a>59</li>60<li>61<ahref="#">62<imgsrc="images/3.jpg"/></a>63</li>64<li>65<ahref="#">66<imgsrc="images/4.jpg"/></a>67</li>68<li>69<ahref="#">70<imgsrc="images/5.jpg"/></a>71</li>72</ul>73<ulclass="tit">74<li>一图读懂《民法典》</li>75<li>普法宣传教育</li>76<li>金秋送福积分献礼!</li>77<li>真有1套,国庆献礼!</li>78<li>党史学习教育Pro</li>79</ul>80</div>81</body>82</html>一、单选题1.网页模板会自动保存在(D)文件夹中。A.LibraryB.CustomC.AssetsD.Templates2.HBuilderX中可以通过(B)组合键整理代码格式。A.Ctrl+AB.Ctrl+KC.Ctrl+Shift+KD.Ctrl+L3.在CSS语言中,“列表样式图像”的语法是(D)。A.width:<值>B.height:<值>C.white-space:<值>D.list-style-image:<值>二、程序填空题HTML代码如下所示。1<!DOCTYPEhtml>2<html>3<head>4<metacharset="utf-8">5<title>新闻列表</title>6<!--分析网页效果,填入适当的标签名,下一行请填写第(1)空-->7<linkrel="stylesheet"href="css/style05.css"type="text/css"/>8</head>9<body>10<divclass="all">11<h2class="head">招聘信息</h2>12<ulclass="content"><!--此行中请填写第(2)空-->13<li><ahref="#">常州厚石人和信息科技招聘人才</a></li>14<li><ahref="#">苏州微甲网络科技招聘网络管理员</a></li>15<li>

温馨提示

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

最新文档

评论

0/150

提交评论