Séparer le fond et la forme avec HTML et CSS
CHAPITRE 2
© Groupe Eyrolles, 2005
25
• Même si dans le code HTML ils sont écrits côte à côte, les éléments de type bloc
sont par défaut placés l’un sous l’autre par le navigateur. Exemples : une suite de
paragraphes (balise).
• Les éléments en ligne s’appliquent à des portions de texte, comme des groupes de
mots dans une phrase. Par exemple : le renforcement d’une partie de texte à l’aide
de la balise , comme vu précédemment.
Quelques exemples pratiques
Les échantillons de code suivants permettront de mieux cerner cette différence fondamentale de structure.
Ces deux paragraphes occuperont chacun une ligne distincte, car la balise
Toto et moi
Figure 2–2
Affichage de deux
éléments de type bloc
Figure 2–3
Affichage de deux
éléments en ligne
CHAPITRE 2
© Groupe Eyrolles, 2005
25
• Même si dans le code HTML ils sont écrits côte à côte, les éléments de type bloc
sont par défaut placés l’un sous l’autre par le navigateur. Exemples : une suite de
paragraphes (balise
) ou les éléments d’une liste (balise
• Les éléments en ligne s’appliquent à des portions de texte, comme des groupes de
mots dans une phrase. Par exemple : le renforcement d’une partie de texte à l’aide
de la balise , comme vu précédemment.
Quelques exemples pratiques
Les échantillons de code suivants permettront de mieux cerner cette différence fondamentale de structure.
Ces deux paragraphes occuperont chacun une ligne distincte, car la balise
est de
type bloc.
Ce texte s’affichera à la suite (sans retour à la ligne) car les balises qui le définissent
sont en ligne.
Ce code ne prendra (probablement) qu’une ligne à l’écran car il ne comporte qu’une
seule balise de type bloc et son contenu reste au fil du texte.
Paragraphe 1
Paragraphe 2
Toto et moi
Figure 2–2
Affichage de deux
éléments de type bloc
Toto et moi
Figure 2–3
Affichage de deux
éléments en ligne
Toto et moi
Je connais Toto depuis mon enfance.