Tout d'abord nous allons voir les balises structurantes de notre site web, ainsi que les balises qui servent à inclure des informations.
Balises de premier niveau
Il existe en HTML trois balises de premier niveau qui servent à organiser votre site en deux parties distinctes, le BODY et le HEAD.
C'est ce que nous avons vu au tout début de ce tutoriel, et on s'en sert tout le temps sans exceptions pour formater son site web.
Voici les trois balises de premier niveau :
<html> : Balise principale de votre page web, englobe tout le contenu
<head> : En-tête de la page, informations complémentaires sans contenu
<body> : Contenu à proprement parler de la page, tout ce qui doit être affiché
Voilà pour les balises de premier niveau.
Balises d'en-tête
Comme leur nom l'indique, ces balises doivent être placées dans l'en-tête. Ce ne sont pas des balises d'affichage mais des balises qui permettent d'inclure certaines informations, ou des éléments d'autres langages web comme Javascript et CSS.
<title> : Titre de la page web
<link /> : Inclure une feuille de style CSS
<meta /> : Métadonnées de la page web
<script> : Inclure un code Javascript
<style> : Inclure un code CSS
Et voilà pour les balises d'en-tête.
Balises squelette
Ces balises sont placées dans le BODY, c'est-à-dire le corps de la page web. Elles servent à créer le squelette de votre page web.