学习前端算是有段时间了吧，现在算是对前端有个大概的认识了，先来总结一下前端所包括的主要内容，对自己的学习来个小结。
前端简单说就是我们能够看到的东西，比如页面内容，颜色，图片等，后端主要负责的是后台数据的传输等。前端主要包括三个部分：html、css、javascript
1、页面结构：HTML
HTML是用来描述网页的一种语言，它不是一种编程语言，而是一种标记语言（标记标签），总的来说，HTML使用标记标签来描述网页，如下：
1 <h1>这是一个标题</h1> 2 <p>这是一个段落</p> 3 <a href="http://www.baidu.com">这是一个超链接</a>
html就是通过这些一系列的标签来描述页面，构成页面的主体部分
2、页面样式：CSS
CSS的官方名字叫层叠样式表，它主要负责页面中各个部分的样式，如：字体大小、颜色，布局等。css样式可以放到html页面中，也可以单独的放到css文件中。如：
1 h1{
2 color:red;
3 }
4
5 p{
6 font-size:20px;
7 }
8
9 a{
10 text-decoration:none;
11 }
通过css赋予了页面更多的可能性。随着css3的动画功能的强大，仅仅通过css3就可以构造出许多好看的动态效果。
3、增加功能：javascript
Javascript是脚本语言，它是连接前台和后台服务器的桥梁，它是操纵html的能手，为页面添加各种操作，使页面动起来。如我们在页面上看到的按钮单击后的页面跳转或者弹不出的对话框、警告框等，都是通过JS实现的。本文就原生js，js库，js框架，js插件简单说明一下。
1、原生js，是指最基础的js，没有封装过，但因为各浏览器对js的支持不同，就导致用基础的js编程需要为不同的浏览器写兼容代码。
2、Js库，js框架，是指集成一系列dom操作，API封装，界面UI封装的的库类，常见的有jQuery，extjs等等。使用JS库可以解决浏览器之间的兼容问题，简化JS代码。
3、Js插件，就是集成了帮助程序员轻松完成功能的程序。Js插件用得比较多，网页制作上随处可见。如图片轮换功能，导航制作，上传图片等等。
1 document.write("第一个JavaScript代码");
2 alert("Hello World");
输入以上代码，即可在页面中看到效果。
推荐一个在线编辑器：
原文地址：https://www.cnblogs.com/lihuijuan/p/8480062.html