Comment créer des titres en gras et en italique en HTML

click fraud protection

Intégrez des balises de style pour les italiques et les gras dans votre HTML code d'en-tête pour mettre l'accent sur votre liste de sujets.

En-têtes

Les balises de titre sont le moyen le plus simple de diviser votre document. Si vous considérez votre site comme un journal, alors les titres sont les titres du journal. Le titre principal est un H1 et les titres suivants sont H2 à H6.

Utilisez les codes suivants pour créer le HTML.

C'est la rubrique 1


C'est la rubrique 2


C'est la rubrique 3


C'est la rubrique 4


C'est la rubrique 5

C'est la rubrique 6

Gardez vos titres dans un ordre logique: H1 vient avant H2, qui vient avant H3, et ainsi de suite.

Ne vous inquiétez pas trop de l'apparence des en-têtes, vous devriez utiliser CSS pour titres de style plutôt que d'utiliser un titre dans le désordre. Les balises de titre sont éléments de niveau bloc, ils mettent donc des sauts de ligne pour vous. Ne placez pas de balises de paragraphe dans les balises de titre.

Gras et italique

Il existe quatre balises que vous pouvez utiliser pour le gras et l'italique:

instagram viewer
  • et pour audacieux
  • et pour l'italique

Peu importe ce que vous utilisez. Alors que certains préfèrent et , beaucoup de gens trouvent pour "gras" et pour "italique" plus facile à retenir.

Entourez simplement votre texte avec les balises d'ouverture et de fermeture, pour rendre le texte audacieux ou alors italique:

audacieux
italique

Vous pouvez imbriquer ces balises (ce qui signifie que vous pouvez mettre du texte en gras et en italique) et peu importe quelle est la balise externe ou interne.

Par example:

Ce texte est en gras

Ce texte est en gras

Ce texte est en italique

Ce texte est en italique

Ce texte est à la fois en gras et en italique

Ce texte est à la fois en gras et en italique

Pourquoi il existe deux jeux de balises en gras et en italique

En HTML4, le et les balises étaient considérées comme des balises de style qui affectaient uniquement l'apparence du texte et ne disaient rien sur le contenu de la balise, et il était considéré comme une mauvaise forme de les utiliser. Puis, avec HTML5, on leur a donné un sens sémantique en dehors de l'apparence du texte.

En HTML5, ces balises utilisent des significations spécifiques:

  • désigne un texte qui n'est pas plus important que le texte environnant, mais la présentation typographique typique est du texte en gras, comme des mots-clés dans un résumé de document ou des noms de produits dans une critique.
  • désigne un texte qui n'est pas plus important que le texte environnant, mais la présentation typographique typique est un texte en italique, tel qu'un titre de livre, un terme technique ou une phrase dans une autre langue.
  • désigne un texte qui a une forte importance par rapport au texte environnant.
  • désigne un texte qui a un accent emphatique par rapport au texte environnant.

Italique dans les en-têtes

Rien ne vous empêche d'utiliser des balises italiques dans une balise d'en-tête, bien que certains navigateurs puissent supprimer ce contexte. Il est généralement préférable d'utiliser CSS pour vous assurer d'obtenir le résultat visuel que vous visez.

instagram story viewer