Je mets un ou plusieurs espaces au début des lignes pour "décaler" les balises.
Ce n'est pas obligatoire et cela n'a aucun impact sur l'affichage de la page, mais cela rend le code source plus lisible.
On appelle cela l'indentation. Dans votre éditeur, il suffit d'appuyer sur la touche Tab pour avoir le même résultat.
Vous noterez que les balises s'ouvrent et se ferment dans un ordre précis. Par exemple, la balise <html>
est la première que l'on ouvre et c'est aussi la dernière que l'on ferme (tout à la fin du code, avec </html>).
Les balises doivent être fermées dans le sens inverse de leur ouverture. Un exemple :
==> <html> <body> </body> </html> : correct.
Une balise qui est ouverte à l'intérieur d'une autre doit aussi être fermée à l'intérieur.
==> <html> <body> </html> </body> : incorrect,
les balises s'entremêlent.