HTML5代码打字练习2

HTML5学堂：在书写代码时，代码规范很重要，在本文当中，提供了代码范例，希望初入HTML5的孩纸们，如果打字速度不够，可以通过敲代码实例来练习打字。一方面能够提升打字速度，另一方面也能够更熟悉代码规范。

基本书写规范

标签有开有关，成对出现。例如<div></div>，表示的是一个div标签，<div>表示div标签的开，而</div>则表示一个标签的关。

在HTML5当中，也存在单标签，即有开无关的标签，但是大家使用到单标签的种类并不多，主要包括<meta><link><img><input><hr>等。

代码部分的中英文选择方面，需要使用英文，并且均为小写。

标签和标签时存在一定的关系的，有些标签是父子关系（此处就是我们说的嵌套），有些是兄弟关系。在HTML当中为了表示层级关系，每个级别的标签都要比上一个级别的标签缩进一个tab的距离（一个tab ——> 按下一下tab键），注：每个tab键是4个空格宽度。

在书写代码时，还需要注意行号，由于编辑器的宽度原因，有些代码会被挤下去，但是根据行号显示，还是同一行。

合理书写注释。

代码的显示效果

代码实例贴图

PS：96行为空行，截图时没有截好，不好意思。

在完成代码之后，各位也可以根据JS函数中的具体注释，来调整参数值试试看，能够有很不错的效果哦~另外，拖拽浏览器窗口也能够让圆环发生变化。PS：请使用谷歌浏览器，IE浏览器由于不支持三维变形，因此这个效果在IE浏览器下是不行的。

欢迎沟通交流~HTML5学堂