在线编写html5代码,HTML5代码书写习惯、代码练习、HTML5案例 - 01

HTML5基本代码习惯与代码练习

HTML5学堂：在书写代码时，代码规范很重要，在本文当中，讲解了基本的代码规范，并提供了代码范例，在初入HTML5时，如果打字速度不够，我们推荐敲代码实例来练习打字。

“最”基本的代码书写顺序

我们练习敲代码必须先把网页文档的基本组成部分写好，再写其他，网页文档部分如图：

基本书写规范

标签有开有关，成对出现。例如

表示div标签的开，而

则表示一个标签的关。

在HTML5当中，也存在单标签，即有开无关的标签，但是大家使用到单标签的种类并不多，主要包括

---

等。

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

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

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

代码实例 - 可以用这个来打字哦~

代码完成后的效果图：

欢迎沟通交流~HTML5学堂