Web前端开发技术包括三个要素：html（结构）、css（样式）、javascript（行为动作）。

现在前端三要素也演化成HTML5、CSS3、jQuery（js中常用的库）。

HTML：HTML可以简单理解为在前端技术中勾勒出一个结构。就像我们盖楼房,需要钢筋水泥先搭建出来一个轮廓,而HTML5是超文本标记言语(HTML)的第五次严重修正。HTML5不是对html的改革，而是一种更加“宽容”的HTML。

CSS3：即层叠款式表，是CSS的升级，是在HTML的结构上进行装潢，能够有用的对页面的规划、字体、色彩、布景和别的结果完成愈加准确的掌握。CSS被拆分为“模块”，如挑选器、盒模子、布景和边框、笔墨殊效、2D/3D转换、动画、多列规划、用户界面等。

jQuery：是轻量级的js库，仅仅是js的一部分内容。用户利用jQuery能更便利地处置HTML、events、完成动画结果。jQuery有很多成熟的插件可供挑选并且可以利用用户的html页面连结代码和html内容别离，不需要在html内里插入一堆js来挪用。

这三个要素是前端开发必需掌握的，学习前端一定要把基础掌握好,灵活运用

但前端开发不只有这几种，另有ajax、json等，熟习把握web前端开发，才可以将网站做的更好。

如何使用HTML来创建网页

首先，我们从写下想出现在页面上的单词开始。然后，我们向单词中添加标记或元素，以便浏览器知道什么是标题，段落的开始和结束，等等。

在此基础上，我们再加上可以使用的创建网页的标签，它们分为以下部分：文本、列表、链接、图像、表格、表单、视频音频和flash，以及杂项元素。

而这些标签元素可能并不令人兴奋，但它们是每个网页的基础。将来关于CSS的学习将展示如何让页面看起来更有趣。

英文：Cascading Style Sheets 中文：层叠样式表我们可以通过CSS来控制web网页的样式和布局。在HTML文件里加一个超级链接, 引入外部的CSS文档，便于管理整个网站的网页风格, 让网页的文字内容与版面设计分开。

CSS包括许多规则和属性，这些属性通常可以分为两类：

展示（Presentation）：如何控制文本的颜色，想要使用的字体和这些字体的大小，如何向页面（或页面的某些部分）添加背景颜色，以及如何添加背景图像。布局（Layout）：控制不同元素在屏幕上的位置。

简称 JS

一种具有函数优先的轻量级，解释型或即时编译型的编程语言

JavaScript是一种属于网络的高级脚本语言，已经被广泛用于Web应用开发，常用来为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

嵌入动态文本于HTML页面。

对浏览器事件做出响应。

读写HTML元素。

在数据被提交到服务器之前验证数据。

检测访客的浏览器信息。控制cookies，包括创建和修改等。

基于Node.js技术进行服务器端编程。

JavaScript是前端开发工程师最重要的“看家语言”，JS功底的好坏，决定了职业高度，学习需要下苦工。

总结

只要前期（HTML，CSS，JavaScript）“马步扎稳”，后期（Vue.js / React.js）“武功招式”随便学。