HTML5网页编程智慧树知到答案2024年山东劳动职业技术学院

HTML5网页编程山东劳动职业技术学院智慧树知到答案2024年第一章测试

万维网将因特网中的信息以（）的形式进行展示；通过链接的方式从因特网的一个站点访问另一个站点。（）

A:动画B:文本C:声音D:超文本

答案:D()即统一资源定位器，用来指明文件在互联网中的位置。（）

A:WWWB:HTTPC:HTMLD:URL

答案:D""中()是协议。（）

A:HTMLB:WWWC:HTTPD:URL

答案:Cweb标准包括（）。（）

A:行为标准B:W3CC:表现标准D:结构标准

答案:ACD以下说法中，错误的是（）。（）

A:所有网页的扩展名都是.htm。B:主页就是进入网站的第一个页面，也被称为首页。C:网页主要内容区域的大小一般设置的是1000左右，是主视觉区。D:网站就是一系列逻辑上可以视为一个整体的页面的集合。

答案:A按照网站界面功能构成来看，每一种界面要素都承担网页的部分功能，通常包括：页头（一般包括LOGO）、（）、条幅广告、栏目区域和页脚部分。（）

A:登录B:注册C:导航栏D:任务栏

答案:C网页从构成的视听要素来看，以下不是构成要素的是（）。（）

A:图形图像B:web源文件C:动画D:文字

答案:BHbuilder可以新建（）?（）

A:html文件B:css文件C:js文件D:目录

答案:ABCDweb前端开发工具有哪些？（）

A:HBuilderB:SublimeC:WebstormD:Dreamweaver

答案:ABCD常用的浏览器都有哪些？（）

A:谷歌B:火狐C:360安全浏览器D:Opera

答案:ABCD

第二章测试

字体（font）样式的属性不包括（）。（）

A:font-styleB:font-sizeC:font-italicD:font-family

答案:C要在新窗口打开一个链接指向的网页需用到（）。（）

A:href=”_blank”B:target=”_blank”C:href=”#blank”D:name=”_blank”

答案:B以下哪个属性用来作为一个有序或无序列表项标记的图像？（）

A:list-style-typeB:list-style-imageC:list-imageD:list-type

答案:B如何能够定义列表的项目符号为实心矩形？（）

A:list-style-type:squareB:type:dottedC:type:squareD:list-type:square

答案:A可以清除元素两侧的浮动的影响，使用css的属性是（）。（）

A:float：allB:clear：bothC:clearD:position：fixed

答案:B使用()伪对象也可以清除浮动。（）

A:nextB:beforeC:first-letteD:after

答案:D()表示固定定位，相对于浏览器窗口进行定位。（）

A:fixedB:staticC:absoluteD:relative

答案:A可以使用css的（)属性来设置元素的定位类型。（）

A:z-indexB:floatC:overflowD:position

答案:D定位元素是浮动的正常的文档流之上的，可以用()属性来设置元素的层级。（）

A:floatB:overflowC:positionD:z-index

答案:D表格中设置单元格横跨列数的是（）

A:rowspanB:headerC:cellpaddingD:colspan

答案:D

第三章测试

以下可以实现将h2元素下的兄弟元素p，设置字体样式为红色的是哪个？（）

A:h~p{color:red}B:h2--p{red}C:p{color:red}D:h2~p{color:red}

答案:D通过伪类选择实现选择li元素，且该元素是同级同类中的最后一个元素。（）

A:ulli:lastB:ulli:last-childC:ulli:first-of-typeD:ulli:last-of-type

答案:D使用CSS中，新增背景属性，实现设置背景从元素内边距开始显示背景图像。（）

A:background-clip:paddingB:background-clip:border-boxC:background-clip:padding-boxD:background-clip:content-box

答案:C以下可以实现文本强制换行的操作是哪个？（）

A:.normal{word-wrap:normal}B:.normal{word-wrap}C:.break{word-wrap:break-word}D:.break{word-wrap}

答案:C使用以下哪个属性可以实现义边框左上角为圆角？（）

A:border-bottom-right-radiusB:border-top-left-radiusC:border-top-right-radiusD:border-bottom-left-radius

答案:B以下可以实现段落元素＜p＞从初始位置往右移动10像素、往下移动20像素的代码是哪个？（）

A:p{transform:translate(10px,20px);}B:p{transform:translateX(30px);}C:p{transform:translateY(30px);}D:p{transform:translateY(10px,20px);}

答案:A以下可以定义沿X轴的3D旋转的选项是哪个？（）

A:rotateX(angle)B:rotateZ(angle)C:rotateY(angle)D:rotate(angle)

答案:Atransition-property属性的取值不包含以下哪一种？（）

A:allB:propertyC:classD:none

答案:C为段落元素p指定名称为myframe的动画效果，该如何设置？（）

A:p{transition:myframe;}B:p{transition-name:myframe;}C:transition-name:myframe;D:p{animation-name:myframe;}

答案:D为段落元素＜p＞实现多列效果代码如下：

p{

columns:20px3;

}

上述代码实现得到效果是什么？（）

A:将文本分为20行，每列宽度为3像素B:将文本分为20列，每列宽度为3像素C:将文本分为3列，每列宽度为20像素D:将文本分为3行，每列宽度为20像素

答案:C

第四章测试

以下哪个属性可以实现多列布局的浮动样式设置。（）

A:flexB:floatC:box-sizingD:position

答案:B超链接的伪类选择器的使用顺序为（）.

A:link、visited、hover、activeB:link、hover、visited、activeC:link、visited、active、hoverD:link、hover、active、visited

答案:A实现布局的方式有哪些？（）

A:TABLE+CSSB:DIV+CSSC:DL+CSSD:UL+CSS

答案:BCD如何实现导航栏中每个导航项的内容垂直方向居中？（）

A:position:absolute；left:50%B:text-align:centerC:margin:10pxautoD:line-height与列表项的高度相同。

答案:D行内块级元素是不能设置高度的。（）

A:对B:错

答案:B

第五章测试

某网站的本地站点的项目路径如下所示：<br>D：\website\shopping.html<br>D：\website\css\shopping.css<br>在shopping.html中引用外部css文件的语句合法的是哪个？（）

A:<linkrel=”stylesheet”type=”text/css”href=”shopping.css”>B:<linkrel=”stylesheet”type=”text/css”href=”css/shopping.css”>C:<linkrel=”stylesheet”type=”text/css”href=”../js/shopping.css”>D:<linkrel=”stylesheet”type=”text/css”href=”./../js/shopping.css”>

答案:B规划站点需要明确哪些事项？（）

A:网站内容B:其他都是C:网站建设目标