第一：HTML
这是最简单和最基本的。要控制块级元素：div、table、p、ul、li ... 内联元素a、font、span ...等。这些标签是最常用的页面布局，要精通其功能，要特别注意页面布局标签之间的关系。
Html介绍：
HTML是一种用于描述网页的语言。
HTML指的是超文本标记语言（超文本标记语言）
HTML不是一种编程语言，而是一种标记语言。
标记语言是一组标记标记
HTML使用标记标记来描述网页
HTML标记标记通常称为HTML标记。
HTML标记是由尖括号括起来的关键字，例如
HTML标记通常成对出现，例如和
标记对中的第一个标记是开始标记，第二个标记是结束标记。
开始和结束标记也称为打开和关闭标记
第二：CSS
通常我们会看到Web前端开发工程师的职责。将使用html + css进行布局，因此css用于帮助html进行布局和显示。我们称之为“css风格”。 Css应该精通宽度、height、float、位置，以及溢出、margin、padding等样式属性，这些都与样式的布局有关，必须掌握。
Css概述
CSS指的是层叠样式表
样式如何显示HTML元素
样式通常存储在样式表中
向HTML 4.0添加样式是为了解决内容和性能分离的问题
外部样式表可以大大提高生产力
外部样式表通常存储在CSS文件中
多个样式定义可以级联为一个
第三：JS
javaScript是Web前端的描述语言。它也是基于对象和事件驱动的、安全脚本语言。
它在客户端运行，以减轻服务器的负担。JavaScript是一种脚本语言
JavaScript是一种轻量级编程语言。
JavaScript是可以插入HTML页面的编程代码。
将JavaScript插入HTML页面后，它可以由所有现代浏览器执行。
JavaScript很容易学习。
第四：JQUERY
简单地说，jquery相当于js包中的一组js插件，目的是操作更方便，编写代码少，jquery入口也很简单，入口需要像js一样学习，只需用jq代码替换。
jQuery库 - 功能
jQuery是一个JavaScript库。
jQuery库包含以下功能：
HTML元素选择
HTML元素操作
CSS操作
HTML事件功能
JavaScript效果和动画
HTML DOM遍历和修改
第五：HTML5 + CSS3
Html5是最新版本，主要功能是支持原生视频播放、 离线存储、更多语义标签。
HTML5中一些有趣的新功能：
绘画的画布元素
用于媒体播放的视频和音频元素
更好地支持本地离线存储
新的特殊内容元素，例如文章、footer、header、nav、section
新的表单控件，例如日历、date、time、email、url、search
CSS3是CSS技术的升级版本，CSS3语言开发正朝着模块化的方向发展。以前作为模块的规范太大而且复杂，因此它被分解为更小的模块，并且添加了更多的新模块。这些模块包括：Box型号、列表模块、超链接模式、语言模块、背景和边框、文本效果、多列布局等
CSS3也是最新版本，主要功能是支持圆角、阴影、动画效果。值得一提的是，目前IE6、7、8无法完全支持HTML5和CSS3，其他主流版本如谷歌、已经支持Firefox浏览器。
CSS3分为模块。
最重要的CSS3模块包括：
选择
盒子模型
背景和边界
文字效果
2D / 3D转换
动画
多列布局
用户界面
第六：AJAX
AJAX是一种可以更新网页部分而无需重新加载整个网页的技术。
在继续之前，您需要对以下内容有基本的了解：
HTML / XHTML
CSS
javaScript / DOM
什么是AJAX？
AJAX =异步JavaScript和XML。
AJAX是一种用于创建快速动态网页的技术。
AJAX可以通过在后台与服务器进行少量数据交换来使网页异步更新。这意味着可以在不重新加载整个页面的情况下更新页面的某些部分。
传统网页（不使用AJAX）如果需要更新内容，则必须重新加载整个网页。
如果有正在学web前端的小伙伴，可来我们的学习扣qun哦：86772，6593里面免费送视频教程。小编也是一名从事了5年web前端开发的工程师，花了近一个月整理了一份较适合18年学习的干货，以及我这五年的工作经验，分享给每一位想学web前端的小伙伴，这里是web前端学习者聚集地，欢迎初学和进阶中的小伙伴。