HTML5代码打字练习03

HTML5学堂：在书写代码时，代码规范很重要，在本文当中，提供了代码范例，本次提供的效果案例是经典的碰壁反弹效果（以前几年浏览网页时那些飞来飞去的广告）。希望初入HTML5的孩纸们，如果打字速度不够，可以通过敲代码实例来练习打字。一方面能够提升打字速度，另一方面也能够更熟悉代码规范。

基本书写规范

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

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

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

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

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

合理书写注释。

代码的显示效果

代码实例贴图

欢迎沟通交流~HTML5学堂