Une page HTML est toujours définie selon le schéma suivant
<!doctype html>
<html>
<head>
<title>Titre de la page (qu'on retrouve dans le nom de l'oglet du navigateur)</title>
</head>
<body>
Ici mon corps de la page
</body>
</html>
DOCTYPE
Rapidement, la balise DOCTYPE rensigne au navigateur la version de HTML que la page utilise. Lien Doctype wiki
Le langage HTML a évolué au fil des ans, nous sommes actuellement à la version 5 (qui permet par exemple d'utiliser plus de type de balises qu'en 4)
HTML
Cette balise dit au navigateur "La page HTML commence".
Elle est OBLIGATOIRE. Dedans on y trouve les deux balises suivantes :
HEADER
Cette balise permet de séparer contenu et un certain niveau de définition de la page. Par "définition" j'entends tout le paramétrage qui ne concerne en rien les données à afficher.
On retrouvera par exemple les inclusions de fichiers externes (CSS ou javascript) ou un certain nombre de balises informatives (comme la balise <title>...</title> définie dans l'exemple précédent).
BODY
C'est dans cette balise que ce trouvera le contenu VISIBLE de la page.
Il est egalement possible d'inclure des fichier également à l'intérieur de cette balise, mais la bonne pratique est de le faire dans la balise <header>...</header>