La balise <div> est l'une des balises de type block les plus utilisées en HTML.
Son principal rôle est de servir de conteneur pour d'autres éléments HTML afin de les grouper ou de les organiser logiquement.
Elle est particulièrement utile pour structurer le contenu en sections ou en blocs, ce qui facilite grandement l'application de styles avec le langage CSS que nous verrons dans le cours suivant.
Grâce à ces balises, on peut contrôler la disposition, la taille, le positionnement, et l'apparence visuelle des différents blocs de contenu.
À la différence de <p>, la balise <div> n'est pas une balise sémantique, mais plutôt une balise de présentation ou de mise en page.
En somme, il faut l’imaginer comme une boîte dans laquelle on place d'autres éléments HTML. Ces conteneurs peuvent ensuite être stylisés et positionnés à l'aide du CSS.
L’objectif est d’arriver à ce résultat :