前端开发初识

·

1、[编辑器的选择/开发环境介绍（#one）

·

·

2、[HTML文档和标签介绍（#two）

·

·

3、[如何在HTML使用css、（#three）

·

·

4、[HTML5的新特性（#four）

·

一、编辑器的的选择/开发环境介绍

·

前端的编辑器还是比较丰富的，这里列举几个比较主流的编辑器大家可以根据自己的喜好选择。

·

·

vscode 微软出品的编辑器，支持windows、Linux、macos，具有丰富的插件功能，有官方中文版本，并且是免费的;

·

·

WebStorm/IDEA,内置支持zen coding 、nodejs、拿来即用的，遇到gulp、git、markdown文件会智能提示对应的插件等，前端开发的神器，因为需要建立索引，启动时间比较长，占用内存大;

·

·

Atom，github；WEB端编辑器;

·

·

sublime text 启动快，短小精悍型的，可安装插件，收费。

·

开发环境介绍，相比其他语言，前端开发的优势之一就是不用配置复杂的开发环境，只需要选择上方任何一款工具，配合浏览器就可以开始学习了。二、HTML文档介绍什么是HTML？

· HTML简称超文本标记语言，是以.html格式结尾的一种文档格式。HTML文件由多个标签组成。

HTML文档的组成

常见的HTML文件由类型声明和HTML标签构成。

·

类型声明（!DOCTYPE）的作用是告诉浏览器，以什么格式渲染下面的文件；

·

·

html标签是HTML文件的基础；(HTML标签内一般还会有head和body标签)

如何理解html、css、JavaScrip三者之间的关系

如果把一个网站看成一个人的话，HTML就像是这个人的骨肉，css可以看成的是这个人外表，包括衣服，化妆品等，JavaScript可以看成是这个人的技能，会吃饭，会化妆，会减肥（操作dom）。这三者即相互独立，又和谐共处。在实际开发当中，三者最好是能够拆分成独立的文件，这样便于维护（结构、行为、样式分离）。

前端开发初识

·

1、[编辑器的选择/开发环境介绍（#one）

·

·

2、[HTML文档和标签介绍（#two）

·

·

3、[如何在HTML使用css、（#three）

·

·

4、[HTML5的新特性（#four）

·

一、编辑器的的选择/开发环境介绍

·

前端的编辑器还是比较丰富的，这里列举几个比较主流的编辑器大家可以根据自己的喜好选择。

·

·

vscode 微软出品的编辑器，支持windows、Linux、macos，具有丰富的插件功能，有官方中文版本，并且是免费的;

·

·

WebStorm/IDEA,内置支持zen coding 、nodejs、拿来即用的，遇到gulp、git、markdown文件会智能提示对应的插件等，前端开发的神器，因为需要建立索引，启动时间比较长，占用内存大;

·

·

Atom，github；WEB端编辑器;

·

·

sublime text 启动快，短小精悍型的，可安装插件，收费。

·

开发环境介绍，相比其他语言，前端开发的优势之一就是不用配置复杂的开发环境，只需要选择上方任何一款工具，配合浏览器就可以开始学习了。二、HTML文档介绍什么是HTML？

· HTML简称超文本标记语言，是以.html格式结尾的一种文档格式。HTML文件由多个标签组成。

HTML文档的组成

常见的HTML文件由类型声明和HTML标签构成。

·

类型声明（!DOCTYPE）的作用是告诉浏览器，以什么格式渲染下面的文件；

·

·

html标签是HTML文件的基础；(HTML标签内一般还会有head和body标签)

如何理解html、css、JavaScrip三者之间的关系

如果把一个网站看成一个人的话，HTML就像是这个人的骨肉，css可以看成的是这个人外表，包括衣服，化妆品等，JavaScript可以看成是这个人的技能，会吃饭，会化妆，会减肥（操作dom）。这三者即相互独立，又和谐共处。在实际开发当中，三者最好是能够拆分成独立的文件，这样便于维护（结构、行为、样式分离）。