Balises de phrase HTML
Types de balises de phrase
Balise <em>
La balise <em> met l'accent sur le texte dans un document HTML. Le texte à l'intérieur de la balise <em> est généralement en italique pour le distinguer visuellement du texte environnant. Cette balise indique une emphase sur le texte, suggérant qu'il devrait être lu avec un ton ou un rythme différent par rapport au reste du contenu.
Conseil: Exemple d'utilisation
<p>Voici un exemple de <em>texte accentué</em> utilisant la balise <em>.</p>Balise <strong>
La balise <strong> indique un texte important dans un document HTML. Le texte à l'intérieur de la balise <strong> est généralement en gras pour mettre en évidence visuellement son importance. Cette balise signifie que le texte est très important ou urgent, et qu'il doit avoir plus de poids que le contenu environnant.
Conseil: Exemple d'utilisation
<p>Voici un exemple de <strong>texte important</strong> utilisant la balise <strong>.</p>Balise <code>
La balise <code> représente un morceau de code informatique dans un document HTML. Le texte à l'intérieur de la balise <code> est généralement dans une police à chasse fixe, qui est une police de largeur fixe alignant les caractères verticalement. Cette balise est couramment utilisée pour afficher des extraits de code, des mots-clés de langage de programmation ou des noms de fichiers.
Conseil: Exemple d'utilisation
<p>Pour déclarer une variable en JavaScript, utilisez le mot-clé <code>let</code> suivi du nom de la variable.</p>Balise <kbd>
La balise <kbd> représente une saisie utilisateur ou des touches de clavier dans un document HTML. Le texte à l'intérieur de la balise <kbd> est généralement dans une police à chasse fixe, similaire à la balise <code>. Cette balise indique que le texte représente une touche ou une combinaison de touches que l'utilisateur doit saisir.
Conseil: Exemple d'utilisation
<p>Pour copier du texte, appuyez sur <kbd>Ctrl</kbd> + <kbd>C</kbd> sous Windows ou <kbd>Command</kbd> + <kbd>C</kbd> sur Mac.</p>Balise <samp>
La balise <samp> représente un exemple de sortie d'un programme informatique dans un document HTML. Le texte à l'intérieur de la balise <samp> est généralement dans une police à chasse fixe, similaire aux balises <code> et <kbd>. Cette balise est utilisée pour afficher la sortie ou les résultats générés par un programme ou un script.
Conseil: Exemple d'utilisation
<p>Après l'exécution du programme, la sortie sera : <samp>Bonjour, le monde !</samp></p>Balise <var>
La balise <var> représente une variable dans des expressions de programmation ou mathématiques dans un document HTML. Le texte à l'intérieur de la balise <var> est généralement en italique pour le distinguer visuellement du texte environnant. Cette balise indique que le texte représente une variable ou un espace réservé qui peut changer ou être remplacé par des valeurs réelles.
Conseil: Exemple d'utilisation
<p>La formule pour calculer l'aire d'un rectangle est :
<var>aire</var> = <var>longueur</var> × <var>largeur</var>.</p>Combinaison de balises de phrase
Vous pouvez combiner des balises de phrase en HTML pour appliquer plusieurs significations sémantiques à un texte. En imbriquant une balise de phrase dans une autre, vous pouvez transmettre des informations plus spécifiques sur le contenu. C'est utile lorsque vous devez mettre en évidence ou souligner certaines parties d'un extrait de code, d'une saisie utilisateur ou d'une sortie de programme.
Conseil: Utilisation de la balise <strong> à l'intérieur d'une balise <code>
<p>Pour déclarer une constante en JavaScript, utilisez le mot-clé <code><strong>const</strong></code> suivi du nom de la constante.</p>Dans ce cas, la balise <code> indique que "const" est un morceau de code, tandis que la balise <strong> souligne son importance en tant que mot-clé.
Conseil: Combinaison de la balise <em> à l'intérieur d'une balise <var>
<p>La formule pour calculer le volume d'un cylindre est : <var>volume</var> = π × <var><em>r</em></var>² × <var>hauteur</var>, où <var><em>r</em></var> est le rayon de la base.</p>Ici, les balises <var> représentent les variables dans la formule, tandis que la balise <em> à l'intérieur de l'une des balises <var> souligne l'importance de la variable du rayon.
En combinant les balises de phrase, vous pouvez créer un balisage HTML plus significatif et sémantiquement riche qui transmet mieux la structure et l'importance de votre contenu aux lecteurs humains et aux technologies d'assistance.