牛客网专项训练之HTML(一)

HTML
1.在 HTML5 中,onblur 和 onfocus 是:事件属性
onblur 和 onfocus 属于焦点事件:
onblur:失去焦点
onfocus:获取焦点
2.哪一个html盒模型中的border的正确写法?
p{ border:5px solid red;}
为了代码的可读性,建议按照,border-width,border-style,border-color,的顺序书写。但其实顺序调换是不影响呈现的,而且空格也没问题 但是按照浏览器友好,代码可读性还是这个表达比较好
3.sessionStorage 保存数据的方法正确的是:
sessionStorage.setItem(“键名”,”键值”);
设置一般用 set 开头, 获取采用 get 开头;
对于键值的话,一般都是 (key, value)的形式;
4.定义页面结构如下

<html>
  <head></head>
  <body>
      <div id="bgcolor" class="bgcolor"></div>
</body>
</html>

下面哪个语法表示将整个页面背景色设置为红色?()
body{background-color:red}
5.HTML5 中不再支持下面哪个元素?


废除的元素:
(1)能用css代替的元素
basefont、big、center、font、s、strike、tt、u、b。这些元素纯粹是为画面展示服务的,HTML5中提倡把画面展示性功能放在css中统一编辑。
(2)不再使用frame框架。
frameset、frame、noframes。HTML5中不支持frame框架,只支持iframe框架,或者用服务器方创建的由多个页面组成的符合页面的形式,删除以上这三个标签。
(3)只有部分浏览器支持的元素
applet、bgsound、blink、marquee等标签。
6.在不考虑H5的情况下,下列哪些值是可以作为标签的type属性的属性值。()text
submit
button
date
7.以下是HTML5新增表单元素属性的是:
placeholder
multiple
required
pattern
(1)注意题目问的是类型/元素/属性
(2) 新增的表单元素:output、datalist、keygen
(3)新增的表单类型(type=“xxx”):color设色器、date日期选择器、datetime(utc时间)、datetime-local(无时区)
email(包含email的输入域)、month(月份)、number(数值)、range(范围)、search(搜索)、tel(电话号码)
url、week
(4)新增的表单属性:autocomplete(自动补全)、autofocus(自动聚焦)、required(是否必选)、height(高度)、width(宽度)
multiple(多文件上传)、max(最大值)、min、step、list、pattern(模式匹配/正则)、placeholder(默认值)、novalidate(提交表单时不校验email/tel这些需要校验的表单类型)、
form(表单元素可以在form之外,但是可以指定属于哪个form,会一起发送)、formaction(请求地址)、formmethod(form元素的请求方法,get/post这些)、formenctype、formnovalidate
8.分析下面代码,对于该段代码分析说法正确的是( )

<html>
<body>
 <div id="ele" class="div">
 <span id="s1" class="sp" lang="zh-cn">
 </span>
 </div>
</body>
<script type="text/javascript">  
 function exct() {
    var oEle = document.getElementById("ele");
    var child = oEle.children;
    console.log("ele.children的执行结果是:");
    for(i = 0; i < child.length; i++){
       console.log(child[i].tagName);
    }  
    child = oEle.childNodes;
    console.log("ele.childNodes的执行结果是:");
    for(i = 0; i < child.length; i++){
       console.log(child[i].tagName);
    }
 }  
 exct (); 
</script>
</html>

其运行结果是:
ele.children的执行结果是:
SPAN
ele.childNodes的执行结果是:
undefined
SPAN
undefined
对于DOM元素,children是指DOM Object类型的子对象,不包括tag之间隐形存在的TextNode,而childNodes包括tag之间隐形存在的TextNode对象
注:(1)childNodes获取子节点没有类型限制,span是一个元素节点,还有两个文本节点:空格和换行都被看做一个文本节点。
所以,3个子节点 = 两个文本节点 + 一个元素节点。
tagName用来获取元素的标签名,文本节点没有标签名,所以也就为undefined了
(2)children 属性与 childNodes 属性的差别 childNodes 属性返回所有的节点,包括文本节点、注释节点; children 属性只返回元素节点; 注:IE6 到 IE8 完全支持 children 属性,但是,返回元素节点和注释节点,IE9 以上版本只返回元素节点。
9.以下属于Audio/Video的方法有?
load()
play()
pause()
10.为了达到移动设备的理想viewport,可以用meta标签对viewport进行控制,meta标签内不可以控制下面哪些属性()
initial-scale
user-scalable
max-width
minimum-scale
注:一个常用的针对移动网页优化过的页面的 viewport meta 标签大致如下:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

width:控制 viewport 的大小,可以指定的一个值,如 600,或者特殊的值,如 device-width 为设备的宽度(单位为缩放为 100% 时的 CSS 的像素)。
height:和 width 相对应,指定高度。
initial-scale:初始缩放比例,也即是当页面第一次 load 的时候缩放比例。
maximum-scale:允许用户缩放到的最大比例。
minimum-scale:允许用户缩放到的最小比例。
user-scalable:用户是否可以手动缩放。
11.在 HTML 页面中包含一个按钮控件 mybutton ,如果要实现点击该按钮时调用已定义的 JavaScript 函数 compute ,要编写的 HTML 代码是()

<input name=”mybutton” type=”button” onClick=”compute()” value=”计算”>

12.要去掉文本超链接的下划线,下列正确的是()

a{ text-decoration:none}

13.下列 html 元素当中,都属于块级元素的是
h3,ul,form,table,p
14.下面有关html的描述,不推荐的是?
在页面顶部添加 doctype声明;
在 … 中间插入 HTML 代码;
避免使用 标签;
使用

元素展现学生成绩表等数据。
15.使用HTML5的拖放API实现拖动时,需要监听”开始拖动”事件,此事件的名称是:
dragstart
16.HTML 5 支持 HTML 4 中的所有表单控件?
正确
17.下列哪个不属于表单标记?
SELECT
TABLE
INPUT
CHECKBOX
18.In HTML tables, table row is defined by
< tr > tag
19.在下列选项中,哪一个不是控件()?
文本框
对象框
组合框
复选框

20.下列哪些是块级元素()
input
ul
hr
li
div
form
此条博客是本人刷题所做的笔记,若有侵权,请联系立删

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值