版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_22520215/article/details/84841226
1、HTML5页面结构分析
<!DOCTYPE html> <!-- 告诉浏览器我们使用的HTML模板为HTML5 -->
<html lang="en"> <!-- 网页页面的根，其他元素均放在其中，只能有一个 -->
<head> <!--页面所有meta元素均包含在这里 -->
<meta charset="UTF-8"> <!-- 编码方式 -->
<title>Canves高速入门</title> <!-- 页面设置名称，显示在浏览器标题栏中 -->
<!-- CSS 及 javascript 代码放置处 -->
</head>
<body> <!-- 页面的主题内容均在这里 -->
<div>HTML5之Canves高速入门</div> <!-- 页面的元素摆放 -->
</body>
</html>以上的代码显示效果如下：
2、HTML5开发环境搭建
本系列的开发均使用WebStorm软件开发，并在火狐浏览器调试；软件去网上下载就可以了！建议使用火狐浏览器调试，个人觉得好点！
3、HTML5工程创建
双击打开WebStorm，点击Create New Project
左边选择HTML5 Boilerplate , 右边选择文件存放路径以及自定义文件名称，最后点击Creat
在左边Project下HTML5右击，选择箭头文件，
命名文件名，点击ok
这样就创建好了，点击右边箭头就可以在浏览器中显示当前的代码网页了。
试着将最上面的代码复制进去，浏览器看看，就ok了。