HTML5考试试卷

1、考试试卷（1卷）一.单选题（共20题,20.0分）1、内联元素：请选择产生加粗字体的HTML标签:（）A、strongB、hhC、emD、hr正确答案： A 2、下列不属于HTML5表单新增元素的是( ) 。A、numberB、rangeC、email D、nav正确答案： D 3、超链接：如果在catalog.htm中包含如下代码,则该HTML文档IE浏览器中打开后,用户单击此链接将( )。 小说A、使页面跳转到同一文件夹下名为“novel.html”的HTML文档B、使页面跳转到同一文件夹下名为“小说.html”的HTML文档C、使页面跳转到catalog.htm页面，包含名为“novel

2、”的锚记处D、使页面跳转到同一文件夹下名为“小说.html”的HTML文档中名为“novel”的锚记处正确答案： C 4、表单：在HTML中,method表示( )。A、提交的方式B、表单所用的脚本语言C、提交的URL地址D、表单的形式正确答案： A 5、用于控制网页样式并允许样式信息与网页内容分离的技术是（ ）？A、HTMLB、CSSC、JavaScriptD、DIV正确答案： B 6、下列CSS基本选择器定义中不正确的是（ ）。A、h1color:red; B、.titlecolor:blue;C、#topwidth:800px;D、divwidth=800px;正确答案： D 7、将样式

3、单独放在一个或多个.css文件中，在HTML文档中使用标记引用样式文件的方式是（ ）？A、内联式B、内嵌式C、链接式D、导入式正确答案： C 8、对于代码： h1color:blue; 你好，运行后显示的“你好”文字是什么颜色（ ）？A、蓝色B、红色C、黑色D、不确定正确答案： B 9、CSS中的盒子模型中不包含下列（ ）？A、marginB、borderC、paddingD、align正确答案： D 10、如果要使用CSS将文本样式定义为粗体,需要设置（ ）文本属性。A、font-familyB、font-styleC、font-weight D、font-size正确答案： C 11、下面

4、那个语句是把段落的字体设置为黑体、18像素、红色字体显示( )。A、pfont-family:黑体;font-size:18pc; font-color:red B、pfont-family:黑体;font-size:18px; font-color:#ff0000C、pfont:黑体 18px #00ff00D、以上都不对正确答案： B 12、表示字体大小的单位有很多，下面不属于正确单位的是（ ）。A、pxB、emC、ptD、pp正确答案： D 13、关于样式表的优先级说法不正确的是（ ）。A、直接定义在HTML标记上的CSS样式级别比文档样式表高。B、文档样式表的优先级比外部样式表高。C、

5、当样式中属性值重复时，先设的属性起作用。 D、样式表的优先级是用来解决样式表冲突的依据。 正确答案： C 14、下列设置颜色值的方法哪种是错误的（ ）？A、redB、#FF00FFC、rgb(255,0,255)D、F0F正确答案： D 15、如果想对一个div块元素的宽度属性设置一个2s的过渡效果,相应的CSS属性应该如何写( )。A、animation: width 2s; B、transition: width 2s;C、transition: 2s width;D、transition: div width 2s;正确答案： B 16、正确给文本添加阴影的是( )。A、box-shad

6、owB、borderC、marginD、text-shadow正确答案： D 17、以下关于相对定位说法正确的是（）。A、相对定位指的是相对于浏览器窗体的左上角进行位置偏移。B、相对定位的元素不会脱离标准文档流，所以会影响其它同级元素的定位。C、相对定位是相对于父级容器进行位置偏移。D、相对定位是相对于元素自身的位置进行偏移。正确答案： D 18、在CSS中,下面不属于盒子模型属性的是( )A、font B、marginC、paddingD、border正确答案： A 19、代码border:5px blue solid表示（ ）？A、上边框设置为5像素宽的蓝色单实线B、右边框设置为5像素宽的

7、蓝色单实线C、下边框设置为5像素宽的蓝色单实线D、四个边框设置为5像素宽的蓝色单实线正确答案： D 20、在CSS中，欲通过伪类为未访问过的链接设置样式（蓝色，无下划线），下列正确的是 （ ）？A、linkcolor:blue;text-decoration:none;B、a linkcolor:blue;text-decoration:none;C、a:linkcolor:blue;text-decoration:none;D、vlinkcolor:blue;text-decoration:none; 正确答案： C 二.判断题（共10题,10.0分）1、万维网联盟外文名是Web Three

8、 Consortium。正确答案： 错误2、标签中的文字显示为斜体。正确答案： 错误3、浏览器对于不同级别的标题标签使用不同的字号。正确答案： 正确4、HTML中，表示空格的特殊字符是正确答案： 正确5、相邻兄弟选择器可选择紧接在另一元素后的元素，且二者有相同父元素。正确答案： 正确6、 标签定义 HTML 表格。正确答案： 正确7、 标签定义超链接，用于从一张页面链接到另一张页面。正确答案： 正确8、 标签可以用于为用户输入创建 HTML 表单。正确答案： 正确9、将input标记的type属性设置为radio可以生成单选按钮控件，一组单选按钮一次只允许选择其中一个。正确答案： 正确10、通

9、过 rotateY() 方法，元素围绕其 Y 轴以给定的度数进行旋转。正确答案： 正确三.程序题（共4题,70.0分）1、局部布局：（20分）请实现下图布局，要求：（1）适当定义图片宽高（2）不能使用表格布局（3）“体育”文字和边框颜色均为#00ced1，请适当定义其字号；（4）“11分钟前”颜色为sliver。2、CSS3实现下列效果（10分）请利用圆角矩形实现下图效果，注意：（1）年代前的图片在附件images文件夹中（2）矩形底色为浅灰色。3、完成如图所示的列表（10分）4、表单（30分）请完成下图表单效果，要求：（1）利用表格进行表单布局；（2）文本框中有图示的输入提示；（3）对EMA

10、IL的文本框要有校验；（4）密码框中不能直接显示用户输入的内容；（5）“获取短信验证码”是按钮控件；（6）“百度用户协议”“百度隐私权保护声明”均为超链接。考试试卷（2卷）考试试卷（B卷）题量：34 满分：100.0 分 显示答案_一.单选题（共20题,20.0分）1、块级元素：下列哪个标记不属于常用的块级标记（ ）A、divB、spanC、olD、hr正确答案： B2、在 HTML5 中,哪个属性用于规定输入字段是必填的? （ ）A、requiredB、formvalidateC、validate D、placeholder 正确答案： A3、超链接：想要使用户在单击超链接时,弹出一个新的网

11、页窗口,代码是( )。A、新闻1 B、新闻2 C、新闻3D、新闻4正确答案： A4、表单：要使单选框或复选框默认为已选定,要在input标签中加( )属性。A、selectedB、disabled C、typeD、checked 正确答案： D5、在下面关于CSS样式的说明,其中（ ）不是CSS的优势。A、Web页面样式与结构分离 B、页面下载时间更快C、轻松创建及编辑 D、使用CSS增加了维护成本正确答案： D6、在规则 #introcolor: green;中，使用的选择器是( )。A、标签选择器 B、元素选择器C、类选择器D、ID选择器正确答案： D7、下面( )不是正确的样式表附件方式

12、。A、附加样式表B、行内样式表C、文档样式表D、外部样式表正确答案： A8、对于代码： #myidcolor:blue; .myclasscolor:green; 你好，运行后显示的“你好”文字是什么颜色（ ）？A、蓝色B、红色 C、黑色D、绿色正确答案： A9、盒子的定位不包含下列（ ）？A、static（静态定位）B、dynamic（动态定位）C、relative（相对定位）D、absolute（绝对定位）正确答案： B10、下列选项中，不属于设置字体大小的相对单位的是（ ）。A、pxB、mmC、emD、%正确答案： B11、（ ）可以将所有的标签添加背景颜色。A、.h1 backgrou

13、nd-color:#FFFFFF B、h1 background-color:#FFFFFF; C、h1.all background-color:#FFFFFF D、#h1 background-color:#FFFFFF正确答案： B12、标签的对齐属性是( )。A、styleB、text-align C、angleD、padding正确答案： B13、以下选择器中,优先级最高的是( )。A、元素选择器B、ID选择器C、类选择器正确答案： B14、WWW服务器和WWW客户机之间传递信息使用的协议是（ ）？A、FTPB、SMTPC、HTTPD、UDP正确答案： C15、下列说法错误的是（ ）

14、A、transition、transform和animation均是css3属性。B、transition用来设置过渡效果C、animation用来设置过渡效果D、transform用来设置旋转、平移等效果正确答案： C16、下列那个属性可以为div元素添加阴影边框( )。A、border-radiusB、box-shadowC、border-imageD、border-style正确答案： B17、以下代码片断中,属于绝对定位的是( )。A、#boxwidth:100px;height:50px; B、#boxwidth:100px;height:50px;position:absolute

15、; C、#boxwidth:100px;height:50px; position:static; D、#boxwidth:100px;height:50px; position:relative;正确答案： B18、对于样式#boxpadding:5px 10px;,表示盒子的内边距的值是（ ）？A、上下是5px，左右是10pxB、上右是5px，下左是10pxC、左上是5px，右下是10pxD、上是5px，左是10px 正确答案： A19、给边框加1px蓝色实线的是( )。A、border:1px dashed blueB、padding:1px solid blue C、border: 1

16、px solid blue D、padding: 1px dashed blue正确答案： C20、在HTML中,通过( )可以实现鼠标悬停在超链接上时,为无下划线的效果。A、atext-decoration:underlineB、atext-decoration:noneC、a:hovertext-decoration:noneD、a:linktext-decoration:underline 正确答案： C二.判断题（共10题,10.0分）1、HTML标记符通常不区分大小写。正确答案：正确2、网站就是一个链接的页面集合。正确答案：正确3、标题标记hn，n可以取1到6之间的整数，n越小，文字

17、越小。正确答案：正确4、HTML的标记ol用于创建无序列表。正确答案：错误5、id属性和class属性可以用于大多数HTML标记，两者的用法完全相同。正确答案：错误6、在HTML表格中，表格的行数等于TR标记符的个数。正确答案：正确7、video是html5中用于插入音频的标记。正确答案：错误8、表示表单提交方式的属性是action，它可以取post或get，取post时可以提交大量数据且保密性好。正确答案：错误9、将input标记的type属性设置为checkbox可以生成复选框控件，一组复选框允许同时选多个。正确答案：正确10、通过 translate() 方法，根据给定的 left（x

18、坐标） 和 top（y 坐标） 位置参数，元素从其当前位置移动。正确答案：正确三.程序题（共4题,70.0分）1、局部布局（20分），要求：（1）适当定义图片宽高（2）不能使用表格布局（3）“旅游”文字和边框颜色均为#00ced1，请适当定义其字号；（4）“11分钟前”颜色为sliver。 2、利用CSS3属性，实现下列效果（10分）将左图彩色图片设置如右图所示效果。（1）边框：浅灰色8px直线边框。（2）适当设置图片的宽高。（3）将其灰度grayscale设为100%。 3、完成右图所示列表（10分） 4、表单（30分）请完成下图表单效果，要求：（1）利用表格进行表单布局；（2）文本框中有图

19、示的输入提示；（3）对EMAIL的文本框要有校验；（4）密码框中不能直接显示用户输入的内容；（5）“获取手机验证码”是按钮控件；（6）“服务条款”为超链接。 三.程序题（共4题,70.0分）1、局部布局（20分），要求：（1）适当定义图片宽高（2）不能使用表格布局（3）“旅游”文字和边框颜色均为#00ced1，请适当定义其字号；（4）“11分钟前”颜色为sliver。2、利用CSS3属性，实现下列效果（10分）将左图彩色图片设置如右图所示效果。（1）边框：浅灰色8px直线边框。（2）适当设置图片的宽高。（3）将其灰度grayscale设为100%。3、完成右图所示列表（10分）4、表单（30分

20、）请完成下图表单效果，要求：（1）利用表格进行表单布局；（2）文本框中有图示的输入提示；（3）对EMAIL的文本框要有校验；（4）密码框中不能直接显示用户输入的内容；（5）“获取手机验证码”是按钮控件；（6）“服务条款”为超链接。考试试卷（3卷）一.单选题（共25题,50.0分）1、在下列选项中（）选项最符合HTTP代表的含义。A、高级程序设计语言B、网域C、域名D、超文本传输协议正确答案： D 2、HTML 指的是（）A、超文本标记语言(Hyper Text Markup Language)B、家庭工具标记语言(Home Tool Markup Language)C、超链接和文本标记语言(H

21、yperlinks and Text Markup Language)正确答案： A 3、（）标签用于产生无序列表。A、ddB、olC、liD、ul正确答案： D 4、以下选项中属于行内标签的是( )A、spanB、pC、divD、hr正确答案： A 5、我们想要在HTML文档中加入图像,可以使用（）标记来达到要求。A、pictureB、sourceC、imgD、pic正确答案： C 6、我们想要为网页中的文字加上超链接,可以采用（）标记达到要求。sourceB、ljC、aD、link正确答案： C 7、以下选项中,哪个全部都是表格标签?A、B、C、D、正确答案： B 8、HTML中哪个可以产

22、生文本框?A、B、C、D、正确答案： C 9、下列不属于HTML5表单新增元素的是()A、numberB、rangeC、emailD、nav正确答案： D 10、HTML5 中,哪个属性用于规定输入字段是必填的?A、requiredB、formvalidateC、validateD、placeholder正确答案： A 11、下列那项技术可以用于帮助网页设计时使页面具有统一、专业的外观?A、HTMLB、DHTMLC、CSSD、URL正确答案： C 12、在HTML文档中,引用外部样式表的正确位置是?A、文档的末尾B、部分C、文档的顶部D、部分正确答案： B 13、有一样式表规则:H3 colo

23、r : blue ;font-size : 10pt,以下说法正确的是( )A、H3是选择器B、blue属性,color是属性值C、样式表中的冒号(:)可以用 = 替代D、这个样式表属于类样式表正确答案： A 14、下列选项中可以用来设置字体大小的是( )A、font-weight:boldB、style:boldC、font:12pxD、font:bold正确答案： C 15、能够设置文本加粗的样式属性是( )A、font-weight:boldB、style:boldC、font:bD、fontstyle:bold正确答案： A 16、CSS通过css的（）属性改变某个元素的文本颜色。A、

24、text-colorB、colorC、fgcolorD、text-color=正确答案： B 17、下列说法正确的是( )。A、*是通用选择器B、如果ghgh是id的值,那么将其前景色设为黄色的css规则是#ghghbackground-color:yellow;C、如果ghgh是class的值,那么将其前景色设为黄色的css规则是.ghghbackground-color:yellow;D、设置h3标签的字号是14px,css规则是#h3font-size:14px;正确答案： A 18、在规则 #introcolor: green;中，使用的选择器是( )。A、标签选择器B、元素选择器C、

25、类选择器D、ID选择器正确答案： D 19、background-repeat,默认效果是( )A、背景图不平铺B、背景图横向平铺C、背景图纵向平铺D、背景纵向和横向上平铺正确答案： D 20、下列css语句功能是将前景色设为白色,（）表述是错误的。A、p color: #fff; B、p color: white; C、p color: rgb(255,255,255); D、p color:rgb(0,0,0); 正确答案： D 21、以下哪一项不是WEB前端开发工具?A、HBuilderB、DEV C+C、Sublime textD、dreamwaver正确答案： B 22、下列说法不正

26、确的是( ) 。A、块级元素在浏览器中显示时,都是从新行开始。如段落元素。B、内联元素在浏览器中显示时,不会创建新行,仍然在文本流中,如加粗元素。C、块级元素和内联元素可以相互转换。D、span不是块级元素正确答案： D 难度:难,理由,c选择的迷惑性较强,display标签可以达到此功能。23、HTML5 之前的 HTML 版本是?A、HTML 4.01B、HTML 4C、HTML 4.1D、HTML 4.9正确答案： A 24、下列不属于html5中语义元素的是()A、navB、sectionC、divD、header正确答案： C 25、在 HTML5 中,（）属性用于规定输入字段是必填

27、的。A、requiredB、formvalidateC、validateD、placeholder正确答案： A 二.判断题（共10题,20.0分）1、HTML标记符通常不区分大小写。正确答案： 正确2、网站就是一个链接的页面集合。正确答案： 正确3、标题标记hn，n可以取1到6之间的整数，n越小，文字越小。正确答案： 错误4、HTML的标记ol用于创建无序列表。正确答案： 错误5、id属性和class属性可以用于大多数HTML标记，两者的用法完全相同。正确答案： 错误6、HTML中，表示空格的特殊字符是 正确答案： 正确7、在HTML表格中，表格的行数等于TR标记符的个数。正确答案： 正确8

28、、video是html5中用于插入音频的标记。正确答案： 错误9、表示表单提交方式的属性是action，它可以取post或get，取post时可以提交大量数据且保密性好。正确答案： 错误10、将input标记的type属性设置为checkbox可以生成复选框控件，一组复选框允许同时选多个。正确答案： 正确三.简答题（共2题,30.0分）1、你对浏览器了解吗？说出你常用的浏览器，并比较一下各自的优缺点。（3-5种浏览器）2、同学们应该浏览过不少网站了，谈谈你最喜爱的网站并说明理由。例如，我喜爱使用淘宝，因为该网站是国内最大的销售型网站，。设计合理，浏览方便付款方便，安全性高，。考试试卷（4卷）选

29、择题（每题2分，共20分）1在下列的 HTML 中，哪个可以产生超链接？（ ） AW3S BW3School C DW3S2 中的TR意义？（ ） A. 行 B. 列 C. 单元格之间间隔大小 D. 表格宽度3下面哪个不是FORM的元素？（ ） A. frame B. InputC. textarea D. select4. 下面哪个标签可以将外部样式表文件链入到HTML文档中。（ ） A. B. C. D. 5下列哪一项表示的不是按钮。（ ） Atype=submit Btype=reset Ctype=image Dtype=button 6如果一个表格包括有1行4列，表格的总宽度为“69

30、9”，间距为“5”，填充为“0”，边框为“3”，每列的宽度相同，那么应将单元格定制为多少像素宽。（ ） A126 B136 C147 D1677.下列哪一项是在新窗口中打开网页文档。（ ） A_self B_blank C_top D_parent8.CSS样式表不可能实现（ ）功能。 A.将格式和结构分离 B一个CSS文件控制多个网页 C. 控制图片的精确位置 D兼容所有的浏览器9.常用的网页图像格式有（ ）和（ ）。 A.gif，tiff Btiff，jpg Cgif，jpg Dtiff，png10. 在HTML中，标记的作用是（ ）。 A.标题标记 B预排版标记 C.转行标记 D文字效果

31、标记二问答题（每题6分，共30分）1. CSS中margin和padding的区别是什么？2.将一个div定位到body的左上角，CSS代码是？3. 在HTML文档中使用CSS样式的方式有哪些?4.表单的action属性可以取GET和POST，请问两者之间的区别是什么？5. 请解释css sprites，其作用是什么？三程序题（共50分）1.请利用html完成图1所示的表格，利用CSS设置表格背景色为#CCC，字体宋体，字号14px，居中对齐。（10分）图1 程序题1效果2.请利用html、css完成图文混排，图片名为baidu.jpg，与网页文件在同一目录下，效果如图2所示。图2 程序题2效果3.请利用html、css完成图3页面布局，其中（20分）（1）header宽度充满页面，高度自定；（2）left部分占页面30%；（3）nav1nav4为导航，当鼠标悬浮时：下划线，背景黄色，前景红色；