Quand vous cherchez à coder votre page HTML, notamment à l'aide de ce que l'on a vu dans le chapitre précédent au sujet des balises et des attributs, il faut respecter une certaine structure.
En tout premier lieu le doctype. Là rien de bien intéressant, ça signale simplement au navigateur qu'il s'agit bien d'une page HTML.
Ensuite vient la balise HTML, c'est à l'intérieur de celle-ci que l'on mettra tout notre code. La balise est une balise HTML mais son nom est aussi HTML. Donc ça peut porter à la confusion, je sais.
Mais cette balise HTML est divisée en deux partie, la partie HEAD et la partie BODY. HEAD et BODY sont également deux balises HTML, mais incluses dans la précédente balise HTML.
Dans la balise HEAD on mettra les informations à transmettre au navigateur uniquement (titre de la page, encodage,etc...).
Dans la balise BODY on mettra tout ce que l'on veut afficher.
Voici un code d'exemple :
<!DOCTYPE html> <html> <head> <title>Titre</title> <meta charset="utf-8" /> </head> <body> bienvenue sur mon site trop bien </body> </html>
Quand on code en HTML il faut bien faire attention à l'ordre des balises. J'ai d'abord ouvert la balise HTML, puis j'ai ouvert et fermé la balise HEAD, puis j'ai fait de même la balise BODY, avant de finalement fermer la balise HTML.
La balise TITLE indique le titre de la page. Il ne s'agit pas d'un titre au sens un texte écrit en gros, c'est simplement ce qui est affiché tout en haut de votre navigateur à côté des boutons pour fermer, réduire et agrandir.
Ce qui est dans la balise BODY est affiché sur votre navigateur.
Notez que l'on n'a pas besoin de tout ça pour simplement afficher du texte, mais ceci est la structure de base d'une page HTML : c'est plus propre, et le navigateur comprend mieux.
Dans les parties de ce tutoriel à venir, toute modification au code initial se fera entre les balises BODY.