web前端基础-01前端及HTML介绍

一、前端介绍

1.1 前端的发展

1.web1.0 主要是纯静态页面，缺乏交互性，此时称为网页制作
2.web2.0 由静态页面和动态页面（登录、注册页面）的相结合，接近 于网站后台开发，此时称为前端

1.2 前端的组成

前端由HTML结构、CSS样式、JavaScript行为三部分组成

二、HTML介绍

HTML是一种超文本标记语言。通俗来说，HTML语言就是通过特殊的标签对某些纯文本进行标识，从而使纯文本语言展现出不同的格式。

2.1 HTML特点

1. 只是一种标记语言而不是编程语言（不需要编译），直接有浏览器运行即可。
2. 超文本文件
3. 大小写不敏感
4. html (htm)为尾缀

三、前端编辑器（sublime text 3）

3.1 sublime 下载

下载网址：http://www.sublimetext.com/3

按照电脑系统选择相应的下载文件，完成后双击.exe 文件，进入安装界面，一直点击下一步“next”，知道完成“Finish”即可。（注：建议不要安装到系统盘C盘）

3.2 sublime插件安装

为了实现web前端的功能，需要安装一些插件，具体操作如下：
1.双击sublime图标，打开sublime。
2.按ctrl+` 键打开命令行。

3.用浏览器打开http://packagecontrol.io/installation#st3，将下图中红框内容复制粘贴到命令行。

4.按Ctrl+shift+p，打开命令板，输入需安装的插件名称，按enter即可
安装下一个之前插件前都需要先执行install package，才可以选择需要安装的插件。
- Install Package
- Emmet
- JsFormat
- SideBarEnhancements
- CssComb
- Autoprefixer
5.安装完成后，可以点击Preferences–>Package Settings查看所安装的插件。