Les Balises Inline principales

Avant de plonger dans les balises inlines principales, il est important de comprendre la différence fondamentale entre les balises inline et block.

Balises de type block

Les balises de type block créent un bloc visuel sur une nouvelle ligne et occupent toute la largeur disponible.

Elles sont souvent utilisées pour structurer des sections plus importantes de la page, comme les paragraphes (<p>), les en-têtes (<h1> à <h6>), et les divisions (<div>).

Les balises blocs étant donné qu’elle prenne tout l’espace latéral se positionne verticalement et par défaut l’une sous l’autre.

Html Blocks Document
Schéma d'Orientation Textuelle : Directions Inline et Block

À l'inverse, les balises inline n'interrompent pas le flux de contenu, occupent que l'espace nécessaire à leur contenu et dans ce sens se positionne horizontalement dès qu’il y a de l’espace disponible et sinon, se positionner sur une nouvelle ligne.

Examinons ces balises en détail !