WebStorm 初步使用 & HTML5 学习报告

WebStorm是Jetbrains公司旗下的一款JavaScript开发工具，因其界面简洁，操作方便，被广大国内JS开发者誉为“Web前端开发神器”。

WebStorm具有智能代码补全、代码格式化、html提示、联想查询、代码调试等多种优势功能，其对业界最新技术提供支持，支持流行的版本控制系统，为前端开发人员提供了极大的方便。

到官网下载安装包：点击打开链接

参考此链接进行激活破解：点击打开链接

按照提示，选择符合需求的安装项，完成WebStorm的安装。

1. 使用webstorm新建工程

File菜单栏下，选择New->Project

Location为新建项目位置，左侧可以选择新建项目类型，即空项目或指定框架下的项目，这里我们选择建立空项目(Empty Project).

2. 在项目下创建文件或文件夹

创建CSS文件夹

在该文件夹下存放.css

创建其他类型文件（如：.html等）与以上类似

进行完以上新建工作即可开始简单的前端工作。

HTML5是指万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大改革。其设计目的是为了在移动设备上支持多媒体，引入新的解析规则增强了灵活性、提供新的元素和属性，是一个完整的编程环境，适用于跨平台应用程序、视频和动画、图形、风格、排版和其他数字内容发布工具、广泛的网络功能。

其优点包括技术公开、多设备跨平台、自适应网页设计、即时更新、可移植性强等。但也存在一些浏览器兼容问题。

HTML5 + CSS + Javascript组合的应用开发技术是前端开发的基础。

1. 支持HTML5的浏览器：Chrome、FireFox等。

2. 开发工具：应用上文介绍的WebStorm

效果

常用标签如下：

格式化可以移出HTML文档，形成一个独立的样式表，浏览器读到样式表时，按此对文档格式化。插入样式表的方式分为三种：外部样式表，内部样式表，内联样式。对于比较系统的前端开发来说，外部样式表较为常用，可以通过更改链接样式表文件改变页面外观，具体实现如下：