html5的深入学习（一）

HTML5的大体知识体系

今天第一天学习了HTML5的知识，其实很简单的，就是在HTML的基础上新增了很多的标签和属性，会使用项目开发中就好了。

1.基本内容如下所示：

2.HTML5的使用工具我认为最好的是webStorm软件，但这个软件需要注册，如果使用的时间较短，可以免费使用30天的，所以大家放心使用了。

该软件注册可以参考https://jingyan.baidu.com/article/9f63fb919674f2c8400f0e9a.html

  我在使用初次使用webStorm软件中，遇到的是改变它的字体和背景大小，具体步骤如下：

（1）第一步：File---->settings双击

（2）、第二步：进入看到Editor -下方有Colors&Fonts--->Font

（3）、第三步：点击Font进入设置页面，先自己保存一个Scheme,才可以设置字体大小等

3.使用webStorm软件过程中，发现有很多有用的的快捷键可以和大家分享一下

  在代码编辑的时候，webStorm和Eclipse软件进行了相应的对比：

  其他我认为比较重要的快捷键有：

    

1 自动注释和撤销注释：ctrl+/

在一句代码前面用 ctrl+/ 可以自动注释和撤销注释，js,html都可以，很好的省去了敲注释符的时间 
（mac下为command+/,下同）

2 自动补全html标签

我们知道在使用linux命令的时候按tab键有自动补全的功能，在很多编译器里也是，在webstorm中当你想敲一些html元素时，比如:

(1)想敲一对h1标签，只需要敲h1,按tab键，变回自动补全为：

<h1>h1>

• 1

(2)想输入带id的，如

<div id="abc">div>

• 1

只需要输入:div#abc,按Tab键，便会自动补全。

(3)想输入带class的，如

<div class="abc">div>

• 1

只需要输入:div.abc,按Tab键，便会自动补全。

(4)想输入一个div里有6个p标签，只需要输入: div>p*6 ,按Tab键

希望这些也能帮到更多像我这样的初学者，也希望我们大家一起努力！