Formatage du texte HTML
HTML fournit plusieurs balises que vous pouvez utiliser pour faire apparaître du texte sur vos pages Web différemment du texte normal, par exemple, vous pouvez utiliser la balise 'b' pour mettre le texte en gras, la balise 'i' pour mettre le texte en italique, la balise 'mark' pour mettre le texte en surbrillance, balise 'code' pour afficher un fragment de code informatique, des balises 'ins' et 'del' pour marquer les insertions et suppressions éditoriales, et plus encore.
L'exemple suivant illustre les balises de formatage les plus couramment utilisées en action. Maintenant, essayons ceci pour comprendre le fonctionnement de ces balises :
<p>This is <b>bold text</b>.</p>
<p>This is <strong>strongly important text</strong>.</p>
<p>This is <i>italic text</i>.</p>
<p>This is <em>emphasized text</em>.</p>
<p>This is <mark>highlighted text</mark>.</p>
<p>This is <code>computer code</code>.</p>
<p>This is <small>smaller text</small>.</p>
<p>This is <sub>subscript</sub> and <sup>superscript</sup> text.</p>
<p>This is <del>deleted text</del>.</p>
Par défaut, la <strong> balise est généralement rendue dans le navigateur sous la forme <b>, tandis que la <em> balise est rendue sous la forme <i>. Cependant, il existe une différence dans la signification de ces balises.
Différence entre les balises <strong> et <b>
Les balises <strong> et <b> affichent par défaut le texte inclus en caractères gras, mais la <strong> balise indique que son contenu a une grande importance, alors que la <b> balise est simplement utilisée pour attirer l'attention du lecteur sans transmettre d'importance particulière.
Différence entre les balises <em> et <i>
De même, les balises <em> et <i> rendent le texte inclus en italique par défaut, mais la <em> balise indique que son contenu a mis l'accent sur le texte environnant, alors que la <i> balise est utilisée pour marquer le texte qui est séparé du texte normal pour des raisons de lisibilité , comme un terme technique, une expression idiomatique d'une autre langue, une pensée, etc.
<p>Cats are <em>cute</em> animals.</p>
<p>The <i>Royal Cruise</i> sailed last night.</p>Mise en forme des citations
Vous pouvez facilement formater les blocs de citation d'autres sources avec la <blockquote> balise HTML.
Les blocs de citations sont généralement affichés avec des marges gauche et droite en retrait, ainsi qu'un peu d'espace supplémentaire ajouté au-dessus et au-dessous. Essayons un exemple pour voir comment cela fonctionne :
<blockquote>
<p>Learn from yesterday, live for today, hope for tomorrow. The important thing is not to stop questioning.</p>
<cite>— Albert Einstein</cite>
</blockquote>