Web前端开发案例教程（HTML5 CSS3） 试卷及答案.docx
Web前端开发案例教程（HTML5 CSS3）（微课版）（第2版）试卷A一、单项选择题(每题2分，共50分). HTML的中文意思是(C )。A)文件传输协议B)超文本传输协议C)超文本标记语言D)统一资源定位符1 .网页的主体内容写在哪个标记内部？ ( A )A) <body> B) <head> C) <p> D) <html>2 .以下标记中，用于设置页面标题的是(A )oA) <title> B) <caption> C) <head> D) <html>3 .用HTML5编写一个简单的网页时，网页最基本的结构是(D )。A) <html> <head>. </head> <frame>. </frame> </html><html> <title>. </title> <body>. </body> </html>B) <html> <title>. . </title> <frame>. . . </frame> </html><html> <head>. </head> <body>. </body> </html>4 .可以不用发布就能在本地计算机上浏览的页面的编写语言是(B )。A) ASP B) HTML C) PHP D) JSP.以下标记中，没有对应的结束标记的是(B )。A) <body> B) <br> C) <html> D) <title>. <宣11。>和</言口6>标记必须包含在下述哪对标记中？ ( C )A) <body>和</body>B) (table和/tableC) <head>P</head>D) <p>和</p>8 .如何为所有的<hl>元素添加背景颜色？ ( B )A) hl. all background-color：#FFFFFF B) hl background-color：#FFFFFFC) all. hl background-color：ttFFFFFF D) hl. background-color：#FFFFFF.外部样式表的最大优势在于(A )。A) CSS代码与HTML代码完全分离B) CSS代码写在<head>与</head>之间C）直接对HTML的标签使用style属性D）采用import方式导入样式表 10.下面不属于CSS样式的引入方式的是（A ）oA）索引式B）行内样式 C）内部样式表D）外部样式表.在HTML文档中，引用外部样式表的正确位置是（D ）。A）文档的末尾B）文档的顶部C） <body>部分 D） <head>部分.下列哪个选项的CSS语法是正确的？ （ C ）A） body：color=black B） body： color=black （body）C） body color： black D） body；color：black）13 .下列哪个CSS属性可控制字号？ （ A ）A) font-size B) text-style C) font-style D) text-size14 .如何显示这样一个边框：上边框为10 px,下边框为5 px,左边框为20 px, 右边框为1 px? ( D )A) border-width：10px 5px 20px Ipx B) border-width：lOpx 20px 5px IpxC) border-width：5px 20px lOpx Ipx D) border-width：lOpx Ipx 5px 20px 15.使用什么属性可以设置元素的左外边距？ ( D )A) text-indent B) indent C) margin D) margin-left 16.下列CSS属性中不用于设置背景图像样式的是(B )。A) background-imageB) background-beginC) background-repeatD) background-size17 .去掉无序列表的项目符号使用的属性是(A )oA) list-style：noneC) list-rel： noneA) list-style：noneC) list-rel： noneB) list-type：noneD) list-href：none18 .用于设置鼠标指针悬停时超链接样式的是（C ）。A） a：link B） a：visited C） a：hover D） a：activeposition属性用于定义元素的定位类型，下列选项中不属于position属性 常用属性取值的是（D ）0A） static B） relative C） absolute D） visible.下列样式代码中，不能够设置元素定位类型的是（A ）。A) position： auto；C) position： absolute；B) position： fixed；D) position： relative；(D )oD) <th>(B )o20 .定义表头单元格的HTML标记是A） <table> B） <td> C） <tr>B) <thD) <trrowspan= > rowspan=#>21 .合并多行单元格的HTML标记是A) <th colspan=#>C) <td colspan=#>.下面关于表单的叙述错误的是（D ）oA）表单是用户与网站实现交互的重要手段B）表单可以收集用户的信息C）表单是网页上的一个特定区域D）表单是由一对<table>标记组A) <header> B) 25.在3D变形中， A) rotateXOC) rotateZO成的 24. HTML5中的哪个标记用来定义当前页面附属信息部分？ （ C ）<nav> C) <aside> D) <section>指定元素仅围绕x轴旋转的函数是(A )oB) rotateY()D) rotate3d ()二、判断题（每题2分，共50分）1 . HTML5可以跨平台使用，具有良好的移植性。（/）. Web标准并不是某一个标准，而是一系列标准的集合，主要包括结构、表现和行 为标准。（/）2 .网页文件是用一种标记语言书写的，这种语言被称为HTML（Hyper Text MarkupLanguage,超文本标记语言），制作一个网站就等于制作一个网页。（乂 ）3 .网站的首页文件通常是"index, html " a index, htm ” “ Default, htm ” "Default, html",它必须存放在网站的根目录中。（/ ）. HTML5标记是不区分大小写的，但通常用小写。（/ ）4 .如果文本需要换行，则可以使用换行标记br。（ / ）. hr标记可以在网页中生成一条水平线，它不需要结束标记。（/ ）5 .标题标记hlh6都有换行的功能。（/ ）.在编写CSS代码时，为了提高代码的可读性，通常需要加CSS注释语句。（/ ）6 .内部样式表是指将CSS代码集中写在HTML文档的head头部标记中，并且 用style）标记定义。（/ ）.内部样式表的样式对网站中的所有HTML页面都有效。（x ）7 .外部样式表是使用频率最高，也是最实用的样式表之一，它将HTML代码与 CSS代码分离为两个或多个文件，实现了结构和表现的完全分离。（/ ）.通配符选择器用号表示，能匹配页面中的所有元素。（/ ）8 .在head中使用link标记可引用外部样式表文件，一个页面只允许使用一 个Qink标记引入外部样式表文件。（x ）.在CSS背景综合属性中，既可以定义背景图片，也可以定义背景颜色。（/ ）9 .在CSS中，border属性是一个复/合属性。（）.在CSS3中,box-shadow属性不设置“阴影类型”参数时默认为“内阴影二 （x ）10 . div是一个行内元素，span是块元素。（x ）.页面上定义的两个盒子都没有设置float属性时，盒子会水平排列。（x ）11 .父元素包含的子元素设置浮动后，若父元素没有设置高度，则受子元素浮动 的影响，父元素将不显示。（/ ）.表格的列数，取决于一行中数据单元格的数量。（/ ）12 . colspan属性用来合并单元格的行。（乂）. form标记的method属性默认为post。（ x ）13 .在HTML5中，article标记通常使用多个section）标记进行划分。（/）. CSS3变形是一系列效果的集合，如平移、旋转、缩放和倾斜等，每个效果都 被称作变形效果。（/ ）试卷B一、单项选择题(每题2分，共50分).下面的应用软件中，不可以用于网页制作的是(D )。A) Sublime TextB) HBuilderXC) Dreamweaver D) AutoCAD1 .请选择能产生粗体字的HTML标记。(C )A) <bold> B) <bb> C) <strong> D) <bld>2 .在下列HTML标记中，哪个可以插入换行？ ( A )A) <br> B) <enter> C) <break> D) <b>3 .在下列的HTML标记中，哪个是最大的标题？ ( D )A) <h6> B) <h5> C) <h2> D) <hl>4 .用于标识一个段落的HTML标记是(C )oA)的>和<外> B) <4>和</1> C) <p>和</p> D) <li>和</li>5 .在下列的HTML代码中，哪个可以插入图像？ ( C )A) <img href=Nimage, gifH alt=HM>A) <img href=Nimage, gifH alt=HM>B) <image src=wimage, gifw alt="”>C) <img src=Mimage, gifw alt="">D) <img>image, gif</img>6 .建立超链接时，要在新窗口显示网页，需要加入的标记属性是(A )oA) target="blank" B) bordcr="l" C) name="target" D) #7 .包含图像的网页文件，其扩展名应该是(D )。A) . jpg B) . gif C) . pic D) . html.在以下的CSS代码中，可使所有<p>元素变为粗体的正确语法是(C )。A) <p style="font-size：bold"> B) <p style="text-size：bold")C) p font-weight：bold D) p text-size：bold10 .以下哪个选项可以改变元素的字体？ ( C )A) font= B) f： C) font-family： D) font11 .以下哪个选项可以使文本变为粗体？ ( B )A) font：b B) font-weight：bold C) style：bold D) b12 .下面说法错误的是(D )oCSS样式可以将格式和结构分离A) CSS样式可以控制页面的布局CSS样式可以使许多网页同时更新B) CSS样式不能制作文件更小、下载更快的网页.在以下的HTML中，哪个是正确引用外部样式表的方法？ ( B )A) <style src=°mystyle.cssM><link rcl="stylesheet" type="text/cssn href=，,mystyle. cssn>B) <stylesheet>m5?style. css</st>lesheet>Colorful Style Sheets13 .不属于CSS选择器的是(A )oA)对象选择器B)超文本标记选择器C） ID选择器 D）类选择器. CSS的中文译名为（D ）0A）样式表 B）样式表标签语言 C）瀑布样式表 D）层叠样式表.下列选项中，哪个不能设置边框为3Px的红色实线？（ D ）A） border：3px solid #F00； B） border： #F00 solid 3px；C） border： red solid 3px； D） border：#01'0 3px solid；17.关于样式代码box width： 200px； padding： 15px； margin于Opx；”,下列 说法正确的是（B ）oA） .box的总宽度为200Px B） .box的总宽度为270PxC） .box的总宽度为235Px D）以上说法均错误.一个盒子的宽度和高度均为300px,左内边距为30px,同时盒子有3Px的边 框，请问这个盒子的总宽度是多少？ （ C ）A) 333px B) 366px C) 336px D) 363px.设置背景颜色为green,背景图片垂直居中显示，背景图片充满整个区域, 但是背景图片不能变形，图片只出现一次，以下代码正确的是(A )oA) background： url (M. . /img/imgl. jpg'r) no-repeat center/cover green；background： url . /img/imgl. jpg") repeat center/cover green；B) url (M. /img/imgl. jpg,*) no-repeat center/100% green；url(M. /img/imgl. jpgM) no-repeat center/100% 100% green；18 . <span>标记是网页布局中常见的标记，其元素类型为(B )。A)块级元素B)行内元素 C)行内块元素D)浮动元素.在CSS中，使用什么属性来定义元素的类型？ ( C )A) margin 属性 B) padding 属性 C) display 属性 D) font 属性.下列样式代码中，可对元素进行绝对定位的是(B )oA) .special position： relative；). special position： absolute； top：20px； left：16px；B) .special position： fixed； top：20px； left：16px；).special position： static；19 .定义表头单元格的HTML标记是(D )。A） <table> B） <td> C） <tr> D） <th>A) password B) 25.在3D变形中， A) rotateXOC) rotateZOA) password B) 25.在3D变形中， A) rotateXOC) rotateZO20 .要建立一个密码框，input）标记的type属性的属性值应该等于（A ）。radio C) text D) image指定元素仅围绕x轴旋转的函数是(A )oB) rotateY()rotate3d ()二、判断题（每题2分，共50分）. HTML5可以跨平台使用，具有良好的移植性。（，）1 .Web标准并不是某一个标准，而是一系列标准的集合，主要包括结构、表现和行 为标准。（/）. 一个项目只能有一个网页文件。（x）2 .关于网页中图片的大小，可以在HTML5代码中直接指定其宽、高，但最好在 图像处理软件中事先处理好图像的大小。（/ ）. JPG格式能提供良好的、损失极少的压缩，这种格式可以用于制作透明和多帧 的动画。（x ）3 .书写图片路径时，尽量使用绝对路径，因为这样更稳定简洁。（x ）.在网页中需要插入图片的相对路径时，用于指定上一级文件夹。（/ ）4 .在超链接中，如果暂时没有确定链接目标，则通常将a标记的href属性值 定义为“*义（* ）. RGBA是CSS3新增的颜色模式，它是RGB颜色模式的延伸，该模式在红、绿、 蓝三原色的基础上添加了不透明度参数。（/ ）5 . ID选择器使用进行标识，后面紧跟ID名称。（/ ）.通配符选择器设置的样式对所有的HTML标记都生效，不管标记是否需要该 样式，这样反而降低了代码的执行速度。（/）6 . opacity属性用于定义元素的不透明度，参数opacityValue表示不透明度 的值，它是一个01的浮点数值。（/ ）. div与/div之间相当于一个容器，可以容纳段落、标题、图像等各种网 页元素。（/ ）7 . div是一个行内元素，span是块元素。（x ）.在CSS中，可以通过position属性为元素设置浮动。（乂 ）8 . z-index属性用于调整定位元素的层叠顺序。（/ ）.在静态定位状态下，无法通过坐标属性（top、bottom、left或right）改 变元素的位置。（/ ）9 .select标记的size属性默认为1。（，）. 标记的method属性默认为post。（ * ）10 .将input）标记的type属性设置为text时，该控件既可以用于输入多行文 本，也可以用于输入单行文本。（* ）.在HTML5中，一个section标记通常由标题和内容组成。（/ ）11 .在IITML5中,可以在article）标记或者section标记中添加（footer标记。（/ ）.在图像常用格式中，GIF格式只能处理256种颜色。（，）12 .在标记的嵌套过程中，必须先结束最靠近内容的标记，再按照由内及外的顺 序依次关闭标记。（/）. PNG格式是一种支持透明的图像格式。（/）
