En HTML il existe principalement deux types de balises : les balises block et les balises inline.
Les balises block sont celles qui composent leur propre bloc, donc qui forcent un retour à la ligne avant et après.
Exemples de balises de type block : <p>, <footer>, <div>...
Les balises inline sont celles qui ne composent pas leur propre bloc, et peuvent donc s'utiliser dans des balises de type block sans faire de retour à la ligne.
Exemple de balises de type inline : <a>, <img />, <strong>, <em>...
Il est également possible de mettre plusieurs balises block à l'intérieur l'une de l'autre, plusieurs balises inline à l'intérieur l'une de l'autre, et ainsi de suite.
Durant tout ce chapitre nous allons utiliser deux balises dites universelles, c'est-à-dire qui ne représentent rien en particulier.
La première, de type block, vous la connaissez déjà il s'agit de la balise <div>.
La seconde, de type inline, c'est la balise <span>. Nous n'avons pas encore trop eu l'occasion de l'utiliser, mais ne vous inquiétez pas ça viendra.
Ces deux balises sont des balises génériques, qui ne représentent rien en particulier. L'avantage c'est que l'on pourra structurer son site de manière encore plus pointilleuse en les utilisant !
L'idée est évidemment d'y ajouter des attributs "class" et "id" afin de pouvoir les mettre en forme grâce à CSS.