H5测试题.docx
《H5测试题.docx》由会员分享,可在线阅读,更多相关《H5测试题.docx(7页珍藏版)》请在冰豆网上搜索。
H5测试题
1.什么是HTML?
a)超文本标记语言
2.什么是HTML5?
a)超文本标记语言的第五次重大更改
3.你常用的制作页面工具有哪些?
a)Sublimeeditpulswebstormnodepad++dreamweaver
4.H5的文档声明是什么?
a)
DOCTYPEhtml>
5.写出html的文档结构及作用?
b)
DOCTYPEhtml>声明文档
a)
b)
html定义整个网页文档
Head定义网页的头部,可以设定title字符集关键字,还可以引入样式表,js文件等(不可见的内容)
Body定义网页可见内容
6.标签及属性的语法规则?
a)<标签名属性名=””属性名2=””..>标签名>
7.常用的文本标签有哪些?
a)bstrongiemsubsup
8.列举超链接的几种用法?
a)跳转本地页面
b)跳转友情链接
c)图片链接
d)锚点(跳转本页面某个位置)
9.页面引入图片使用什么标签?
当图片无法加载或找不到的时候,如何设置文本替换?
怎么设置当鼠标移入图片的时候,小文字提示效果?
a)--引入图片
b)
c)
10.请阐述相对路径和绝对路径?
a)绝对路径:
目标文件的具体的存储位置
b)相对路径:
目标文件相对于源文件所在的位置
11.相对路径的三种使用方式是什么?
a)当目标文件和源文件在同一文件夹下,路径写法:
目标文件.扩展名
b)当目标文件在源文件的下一级目录,路径写法:
下一级目录/目标文件.扩展名
c)当目标文件在源文件的上一级目录,路径写法:
../目标文件.扩展名
12.页面注释的写法是什么?
js的注释是什么?
a)
--页面注释-->
b)//单行注释/*多行注释*/
13.无序列表和有序列表在本质上的区别是什么?
a)本质体现在语义上
14.如果让你定义一个简历表格,你觉得你需要使用到哪些标签及属性?
a)Tabletrtdcaption
b)colspanrowspanheightwidthmarginpadding
15.分别介绍header标签、footer标签、section标签、aside标签、nav标签的作用?
a)header定义网页头部
b)footer定义网页底部
c)section定义网页内容区域
d)aside定义网页侧边栏
e)nav定义标题栏
16.form标签的主要属性是什么?
作用是什么?
a)method设置提交方式postget
b)action提交给服务器的url
17.表单提交方式,get和post的区别?
a)Get提交,请求内容会显示在地址栏,不安全,请求内容长度有限制
b)Post提交,请求内容不会显示在地址栏,安全,请求内容长度无限制
客户端发送请求给服务器:
1.在地址栏输入地址,回车
2.点击超链接
3.表单提交
第一种和第二种都是get提交,第三种可以设置提交方式
18.表单input元素的type属性值都有哪些?
a)textpasswordimagedateradiocolorcheckboxsubmitresethiddenemailtelnumber。
。
19.label标签的作用?
a)Label和input元素建立一种关联
20.绘制一下图形,需要的标签及步骤?
a)
22.css样式的分类有哪些?
a)行内样式内部样式外部样式
23.css选择器的分类?
通用选择器id选择器类选择器标签选择器属性选择器关系选择器伪类选择器伪元素选择器
24.css定位:
absoluterelativefixed分别是做什么用?
relative相对定位相对于元素原本位置来定位
absolute绝对定位相对于父元素来定位
fixed固定定位(绝对定位)相对于浏览器窗口来定位
25.绝对定位和相对定位的区别?
a)relative相对定位,还会占有原来的位置,元素不可重叠
b)absolute绝对定位,不会占据原来的位置,可以层叠
26.css渐变效果的分类?
a)线性渐变放射渐变
27.使用css实现三张图片的轮播效果
28.Js的数据类型有哪些?
a)字符串数值布尔对象数组undifindnull
29.如何查询变量的数据类型?
a)Typeof()
30.js变量和函数的命名规范?
a)以字母.数字.下划线.$组成
b)只能以字母.下划线.$开头
c)不能以关键字命名
31.js运算符的分类?
a)算术运算符+-%*/++--
b)逻辑运算符&&||!
c)比较运算符><>=<======!
=!
==1==”1”1===”1”
d)赋值运算符=+=-=*=%=
32.流程控制语句的分类?
a)循环语句
b)条件语句
c)跳转语句breakcontinue
33.如何实例化一个日期对象?
a)vardate=newDate();
34.Math对象的round()、random()、ceil()、floor()各种的用法?
a)四舍五入
b)随机0-1
c)求大于等于参数的最小整数3.4
d)求小于等于参数的最大整数
35.简述BOM和DOM及常用属性及方法;
a)alert()confirm()prompt()setTimeout()setInterval()
b)write(),document.getElmentById()document.getElementsByName()document.getElementsByTagName()
36.JS常用事件都有哪些?
a)鼠标事件:
鼠标点击事件鼠标移入事件鼠标移出事件
b)焦点事件:
获取焦点事件失去焦点事件
c)键盘事件:
键盘按下事件键盘弹出事件
37.有上下两个div,上面的div设置距离底部20px;下面的div设置距离顶部50px:
请问两个div之间的距离是多少?
a)50px
38.一个元素设置了两个id样式,分别是id1的样式为字体为蓝色,id2的样式是背景是红色,请问这个元素的显示结果为?
a)字体蓝色,背景无变化
注:
多个元素可以设置一个id样式,但是一个元素只能有一个id样式
39.前端页面有哪三层构成,分别是什么?
作用是什么?
a)html结构层css表示层js行为层
40.img标签上title与alt属性的区别是什么?
41.描述cssreset的作用和用途?
a)reset重置各个浏览器的默认样式
42.什么是语义化的HTML?
a)直观的认识标签,便于搜索引擎的抓取
43.”==”和“===”的不同
a)前者会自动类型转换
b)后者不会自动类型转换
44.你能解释一下CSS的盒子模型么?
a)从内到外:
内容>内边距>边框>外边距
45.请说出一下js代码的a的值?
a)varage=40;
b)vara=age>30?
(age>50?
"老年":
"中年"):
"青年";
c)中年
46.什么是B/S,什么是C/S?
B-->browsers-->server浏览器和服务器
C-->Clients-->server客户端和服务器
1.优势:
bs不用开发客户端,节约成本安全性高劣势:
服务器压力大
2.优势:
服务器压力小劣势:
不安全,开发成本高
48.添加事件的几种方式?
在脚本中怎么给事件对象添加事件?
addEventListener的好处是什么?
1.直接在标签里面写2.在脚本中
事件对象.addEventListener(事件名,函数)
49.说下id和class的用法上的不同?
Id唯一
Class可以设置多个元素
(注:
可编辑下载,若有不当之处,请指正,谢谢!
)