整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

Web前端:20道非常基础的HTML5测试题

.HTML5 之前的 HTML 版本是什么?()

A.HTML 4.01

B.HTML 4

C.HTML 4.1

D.HTML 4.9

2.HTML5 的正确 doctype 是?()

A.<!DOCTYPE html>

B.<!DOCTYPE HTML5>

C.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 5.0//EN" "http://www.w3.org/TR/html5/strict.dtd">


3.在 HTML5 中,哪个元素用于组合标题元素?()

A.<group>

B.<header>

C.<headings>

D.<hgroup>

4.HTML5 中不再支持下面哪个元素?()

A.<q>

B.<ins>

C.<menu>

D.<font>

5.HTML5 中不再支持下面哪个元素()

A.<cite>

B.<acronym>

C.<abbr>

D.<base>

6.在 HTML5 中,onblur 和 onfocus 是:()

A.HTML 元素

B.样式属性

C.事件属性

7.用于播放 HTML5 视频文件的正确 HTML5 元素是:()

A.<movie>

B.<media>

C.<video>

8.用于播放 HTML5 音频文件的正确 HTML5 元素是:()

A.<mp3>

B.<audio>

C.<sound>

9.在 HTML5 中不再支持 <script> 元素的哪个属性?()

A.rel

B.type

C.src

10.在 HTML5 中,哪个方法用于获得用户的当前位置?()

A.getPosition()

B.getCurrentPosition()

C.getUserPosition()

11.新的 HTML5 全局属性,"contenteditable" 用于:()

A.规定元素的上下文菜单。该菜单会在用户点击右键点击元素时出现。

B.规定元素内容是否是可编辑的。

C.从服务器升级内容。

D.返回内容在字符串中首次出现的位置。

12.在 HTML5 中,contextmenu 和 spellcheck 是:()

A.HTML 属性

B.HTML 元素

C.事件属性

D.样式属性

13.在 HTML5 中,您能够直接将 SVG 元素嵌入 HTML 页面中。()

A.正确

B.错误

14.由 SVG 定义的图形是什么格式的?()

A.CSS

B.HTML

C.XML

15.HTML5 中的 <canvas> 元素用于:()

A.显示数据库记录

B.操作 MySQL 中的数据

C.绘制图形

D.创建可拖动的元素

16.哪个 HTML5 内建对象用于在画布上绘制?()

A.getContent

B.getContext

C.getGraphics

D.getCanvas

17.在 HTML5 中,哪个属性用于规定输入字段是必填的?()

A.required

B.formvalidate

C.validate

D.placeholder

18.哪种输入类型定义滑块控件?()

A.search

B.controls

C.slider

D.range

19.哪种输入类型用于定义周和年控件(无时区)?()

A.date

B.week

C.year

20.哪个 HTML5 元素用于显示已知范围内的标量测量?()

A.<gauge>

B.<range>

C.<measure>

D.<meter>

请将你的答案写在留言区。^_^

TML+CSS+JS是前端基础核心知识,肯定是都要学的。在web前端中,HTML是结构标准,CSS是样式标准,JS是行为标准,三者缺一不可。说的直白点,HTML就是骨架,CSS就是皮肤,JS就是灵魂。

虽说三者的重要性很难分出高下,但在不同的领域里三者有不同的侧重,比如侧重结构布局时,HTML独占优势,侧重样式表现时CSS功能强大,侧重逻辑与交互时,便离不开JavaScript。这么说,可能新手还是一脸懵逼,那我到底应该先学哪个再学哪个最后学哪个呢,还是说三者同时进行?三者之间有没有关联? 哪种是需要着重侧重的,或者是三点都要进行侧重?在学习的时间安排又应该如何掌握?

用户通过在浏览器输入HTML页面网址,使浏览器向服务器发出请求,服务器收到请求后返回相应的HTML文件,这就是HTML页面加载和解析过程。我们先用一个例子来理解一下:

从上图看出,这三者是可以同时搭配使用的。首先HTML是基础,也相对简单,小白很容易入门,但一般需要配合CSS和JavaScript来使用,否则展示效果和交互体验都不够好;CSS一般是不能脱离HTML的,因为它的作用就是给HTML元素设置展示样式;JavaScript是可以脱离HTML和CSS独立出来的,并且可以操作HTML和CSS。

很多新手小白最拿不准的是web前端的核心是CSS还是JavaScript。

CSS作为负责调样式的初级前端,则CSS的应用占比大过于JS,这其中有很多的技术。比如:游戏动画效果,CSS3中新增的Canvas、SVG和WebGL,如果你能把CSS学精学透还能深入研究浏览器的实现原理,其实是很了不起的事,并不是像很多人说的那样CSS就是调调颜色和宽高,不属于核心技能;

JavaScript是一种计算机脚本语言,通过嵌入在HTML文档中来实现控制网页的效果。使用JavaScript可以通过实现网页和用户之间的交互来提高用户体验。ES6更是把JavaScript带到了一个更大的舞台,使得前端也能像后端那样开发复杂的程序,大大提高了前端开发工程师的生产力。如果要进阶高级前端工程师,JavaScript是你需要花大量时间研究学习的。另外对于入门者和初级前端开发,深入的学习一种或几种JS框架技术也是大势所趋,比如React, Vue等。

鉴于我所在的是IT教育行业,以我的经验给想入门的小白们一个参考的学习线路和时间安排如下:

HTML-3天左右(重点掌握超链接、列表、表单);

CSS -10天左右(重点掌握选择器、背景、继承、优先级、盒子模型);

JavaScript基础 -12天左右(重点掌握函数、数组、对象、DOM、BOM);

以上是入门必备,当然只会这些你还无法胜任Web工程师的工作,还需要学习Web高级进阶,MySql数据库,Node.js,Webpack模块加载器和打包工具,MVVM架构,React等等。


为感谢您对我们的认可,特意准备了一些IT入门和进阶的干货

包括:Java、UI设计、H5前端、Python+人工智能、软件测试和新媒体运营六大学科视频资料。以及IT就业大礼包。

线上视频、音频,随时学习观看

关注我们并私信“资料”即可获取。

在,超过10亿人在使用移动智能电话,有人预测,这一数字在2015年也将会翻一倍。在这种愈发明显的趋势下,开发者面临的挑战就是怎么样利用最合理的工作量和工作成本,在最短的时间内,解决面临的问题。用户使用HTML5 Builder,可以使用网络标准,只需要单一的代码基就可以同时构建web和移动应用,并通过桌面和移动web浏览器来交付应用。除此之外,使用者也是可以通过苹果,安卓,黑莓等的移动应用商店来交付并可直接在设备上运行的原生应用。

在这种情况下,HTML5 Builder就是用户web和移动开发者的力量倍增器,使得用户能够在更多的时间内,用更少的工作量就能够部署到更多的平台。

以下为HTML5 Builder 的特点

第一、 只需一次创建用户应用,并将其部署到多个web和移动平台即可;

为每个移动平台和和规格创建应用,使用HTML5 Builder,用户可使用单一的HTML5、CSS3、JavaScript和PHP代码基开发使用者的应用一次,只需一次点击就可部署到多个移动操作系统、设备和Web浏览器。

第二 、 使用单一可视化框架增进开发速度;

使用HTML5 Builder,用户不必需要学习新的编程语言或撰写代码,也不用知道怎样使用jQuery或移动JavaScript库。HTML5 Builder内置了几百个可重用、可拖拽的组件,用户可按需使用或对其加以定制来帮助更快地构建应用。

第三 、 通过协作式的工作流,让设计师与开发者能紧密协同工作;

现代以及动态的用户体验使得广泛用户的应用能与时下流行的CSS3样式和动画等形成集成。

第四、 创建企业或ISV web和移动应用;

无论是企业还是ISV,都可以使用HTML5 Builder创建从简单到复杂的web和移动应用。

下面看看HTML5 Builder的新增特性又表现在哪些方面

第一、 直观优化的用户界面

流畅的开发者用户界面;

强大的可视化应用开发;

几百个可拖拽组件;

基于上下文的工作流。

第二、 通过可视化HTML5框架实现快速开发

可视化HTML5应用开发;

使用JavaScript编写客户端功能;

可选集成的服务器端PHP代码;

HTML5可视化组件,包括画布和多媒体。

第三、 高性能HTML5本地存储

用于开发移动web应用和网站的API;

利用浏览器的存储能力,取代对第三数据库的依赖;

快速的网络数据访问性能,甚至即使在浏览器关闭后。

第四、 动态实时浏览

撰写HTML和JS代码或者使用现有的模板;

实时查看代码修改,并可在进入生产环境前获得用户项目的实时预览;

设计现有的用户界面组件,并实时预览。

第五、 强大的数据库支持

完整支持主流数据库管理系统;

连接到MySQL,InterBase,FireBird,DB2以及更多。