HTML入门

HTML的书写规范与自动格式化

此课程是收费课程,请先购买或加入会员后再访问。

初学编程,代码的书写规范经常会搞不懂。不知道你有没有这个问题,反正我想起我当年最初学习的时候,代码基本就是混乱一片的。HTML的书写规范还是非常简单,而且容易掌握的。要诀就只有一个!请务必记住了哦。

被一个标签包裹的所有代码,都要向右缩进4个或者2个空格。

Tips:
这个缩进不要按空格键,请按tab键,编辑器会自动帮我们替换成多个空格。
如果tab键按多了,想缩回来,那就按shift + tab,代码就会向左缩进了。

大家看看下面这段代码,这缩进的真的是非常糟糕啊。

<table border="1">
<tr>
        <td>第一行第一列</td>
            <td>第一行第二列</td>
    </tr>
        <tr>
                <td colspan="2">合并单元格</td>
            </tr>
</table>

现在我们就按照刚才说的原则,自己动手来调整下。大家注意看我的操作了哦。

代码自动格式化

如果你和我一样,用的是WebStrom这一款编辑器,那就很简单了。

代码格式哪怕你写的再烂,只需要按一下command + option + l这个组合快捷键。所有的代码都会自动排版成规范的格式了。真的非常的方便了。

Tips: 在windows系统中,快捷键是ctrl + alt + l。这个快捷键,可能会和你的QQ锁定快捷键冲突,你需要自行修改下QQ的热键。