HTML，超文本标记语言，标准通用标记语言下的一个应用。包括“头”部分(英语：Head)、和“主体”部分(英语：Body)，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
CSS，层叠样式表，是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
JavaScript，一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能。
随着互联网时代的飞速发展以及企业需求变更，前端开发技术的三要素也演变成现今的HTML5、CSS3、jQuery。因此很多Web前端开发入门课程中的内容也有了一定的调整。
HTML5是超文本标记语言的第五次重大修改，在HTML的基础上引进了新的功能，可以真正改变用户与文档的交互方式，这主要包括：“新的解析规则增强了灵活性、新属性、淘汰过时的或冗余的属性一个HTML5文档到另一个文档间的拖放功能、离线编辑、信息传递的增强、详细的解析规则、多用途互联网邮件扩展和协议处理程序注册，在SQL数据库中存储数据的通用标准(WebSQL)等。”
CSS3是CSS(层叠样式表)技术的升级版本，主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
jQuery，一个快速、简洁的JavaScript框架，它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。jQuery兼容各种主流浏览器，核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口具有高效灵活的css选择器，并且可对CSS选择器进行扩展拥有便捷的插件扩展机制和丰富的插件。
可以简单理解，HTML定义了网页的内容，CSS装饰了网页的布局，JavaScript网页的行为jQuery
是一个JavaScript库。如果把一张网页比作一个人，那么HTML是人的器官，肢体等主要的组成部分CSS是你穿的衣服之类的，让你看起来更美观JavaScript为人赋予更多的交互，比如和别人交流、逻辑判断等jQuery是人使用工具箱。
以上就是小编今天为大家分享的关于Web前端工程师入门必备的网页制作三要素是什么的文章，希望本篇文章能够对正在从事web前端工作的小伙伴们有所帮助，想要了解更多web前端知识记得关注北大青鸟web培训官网，最后祝愿小伙伴们工作顺利，成为一名优秀的web前端工程师。
是指“此内容需要安装WebGL CSS3，浏览器需要安装相应的插件。”当显示此内容时代表缺少运行所需的插件。
一、什么是webgl
WebGL（全写Web Graphics Library）是一种3D绘图协议，这种绘图技术标准允许把JavaScript 和 OpenGL ES 2.0结合在一起，通过增加 OpenGL ES 2.0的一个JavaScript绑定，WebGL可以为HTML5 Canvas提供硬件3D加速渲染，这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了，还能创建复杂的导航和数据视觉化。
二、webgl的作用
1、它通过HTML脚本本身实现Web交互式三维动画的制作，无需任何浏览器插件支持。
2、它利用底层的图形硬件加速功能进行的图形渲染，是通过统一的、标准的、跨平台的OpenGL接口实现的。
html5是html4的更新标准。html5新增了一些html标签以及这些标签对应的css和js接口。 bootstrap是在html5标准形成之际推出的，因此bootstrap天生含有html5的一些标签和特性。 比如，bootstrap支持响应式设计，具体体现在bootstrap的css库（主要是启用了css3标准的media query功能）实现了各种设备下的一些预设的html＋css组件（就是一些半成品的代码片段，适合在网页各个地方复制粘贴）。简单说：
html5是html的最新标准 ，体现在新标签，新css标准，新js接口
bootstrap是基于html5技术的一个好用的前端代码框架，可以简单的复制粘贴，修修改改做一个漂亮页面
响应式设计是一种设计实现理念 ，css3的meida query功能让这个理念的实现变的现实而方便。
H5是指在html5标准推行以后，利用html5新特性在手机上的配合市场营销采用了大量的js css 及canvas技术实现的页面。个人认为H5的概念很狭隘不能代表整个web前端，更不能包含webapp。 但H5的概念也可以变的更宽放，泛指一切在手机上实现的应用或页面。
![如何用css设置网页字体[多图]](/aiimages/%E5%A6%82%E4%BD%95%E7%94%A8css%E8%AE%BE%E7%BD%AE%E7%BD%91%E9%A1%B5%E5%AD%97%E4%BD%93%5B%E5%A4%9A%E5%9B%BE%5D.png)
