Tutoriel HTML

ACCUEIL HTML Introduction HTML Éditeurs HTML HTML de base Éléments HTML Attributs HTML En-têtes HTML Paragraphes HTML Styles HTML Formatage HTML Citations HTML Commentaires HTML Couleurs HTML HTMLCSS Liens HTML Images HTML Icône de favori HTML Tableaux HTML Listes HTML Bloc HTML et Inline Cours HTML Identifiant HTML Iframes HTML HTMLJavaScript Chemins d'accès aux fichiers HTML Tête HTML Mise en page HTML HTML réactif Code informatique HTML Sémantique HTML Guide de style HTML Entités HTML Symboles HTML Émojis HTML Jeu de caractères HTML Encodage d'URL HTML HTML contre XHTML

Formulaires HTML

Formulaires HTML Attributs de formulaire HTML Éléments de formulaire HTML Types d'entrée HTML Attributs d'entrée HTML Attributs du formulaire de saisie HTML

Graphiques HTML

Canevas HTML HTML SVG

Médias HTML

Médias HTML Vidéo HTML Audio HTML Modules externes HTML YouTube HTML

API HTML

Géolocalisation HTML Glisser/déposer HTML Stockage Web HTML Travailleurs Web HTML HTML SSE

Exemples HTML

Exemples HTML Questionnaire HTML Exercices HTML Certificat HTML Résumé HTML Accessibilité HTML

Références HTML

Liste de balises HTML Attributs HTML Attributs globaux HTML Prise en charge du navigateur HTML Événements HTML Couleurs HTML Canevas HTML HTML Audio/Vidéo Doctypes HTML Jeux de caractères HTML Encodage d'URL HTML Codes de langue HTML Messagerie HTTP Méthodes HTTP Convertisseur PX en EM Raccourcis clavier

Formatage du texte HTML


HTML contient plusieurs éléments pour définir le texte avec une signification particulière.


Exemple

This text is bold

This text is italic

This is subscript and superscript


Éléments de formatage HTML

Les éléments de mise en forme ont été conçus pour afficher des types de texte spéciaux :

  • <b>- Texte en gras
  • <strong>- Texte important
  • <i>- Texte en italique
  • <em>- Texte accentué
  • <mark>- Texte marqué
  • <small>- Texte plus petit
  • <del>- Texte supprimé
  • <ins>- Texte inséré
  • <sub>- Texte en indice
  • <sup>- Texte en exposant

Éléments HTML <b> et <strong>

L'élément HTML <b>définit le texte en gras, sans aucune importance supplémentaire.

Exemple

<b>This text is bold</b>

<strong>L' élément HTML définit le texte avec une forte importance. Le contenu à l'intérieur est généralement affiché en gras.

Exemple

<strong>This text is important!</strong>


Éléments HTML <i> et <em>

L'élément HTML <i>définit une partie de texte dans une voix ou une humeur alternative. Le contenu à l'intérieur est généralement affiché en italique.

Astuce : Le <i>tag est souvent utilisé pour indiquer un terme technique, une phrase d'une autre langue, une pensée, un nom de navire, etc.

Exemple

<i>This text is italic</i>

L'élément HTML <em>définit le texte mis en évidence. Le contenu à l'intérieur est généralement affiché en italique.

Conseil : Un lecteur d'écran prononcera les mots en <em> mettant l'accent, en utilisant l'accent verbal.

Exemple

<em>This text is emphasized</em>

Élément HTML <petit>

L'élément HTML <small>définit un texte plus petit :

Exemple

<small>This is some smaller text.</small>

Élément HTML <marque>

L'élément HTML <mark>définit le texte qui doit être marqué ou mis en surbrillance :

Exemple

<p>Do not forget to buy <mark>milk</mark> today.</p>

Élément HTML <del>

<del>L' élément HTML définit le texte qui a été supprimé d'un document. Les navigateurs barrent généralement une ligne à travers le texte supprimé :

Exemple

<p>My favorite color is <del>blue</del> red.</p>

Élément HTML <ins>

<ins>L' élément HTML définit un texte qui a été inséré dans un document. Les navigateurs souligneront généralement le texte inséré :

Exemple

<p>My favorite color is <del>blue</del> <ins>red</ins>.</p>

Élément HTML <sub>

L'élément HTML <sub>définit le texte en indice. Le texte en indice apparaît un demi-caractère sous la ligne normale et est parfois rendu dans une police plus petite. Le texte en indice peut être utilisé pour les formules chimiques, comme H 2 O :

Exemple

<p>This is <sub>subscripted</sub> text.</p>

Élément HTML <sup>

L'élément HTML <sup>définit le texte en exposant. Le texte en exposant apparaît un demi-caractère au-dessus de la ligne normale et est parfois rendu dans une police plus petite. Le texte en exposant peut être utilisé pour les notes de bas de page, comme WWW [1] :

Exemple

<p>This is <sup>superscripted</sup> text.</p>

Exercices HTML

Testez-vous avec des exercices

Exercer:

Ajoutez une importance supplémentaire au mot "dégradation" dans le paragraphe ci-dessous.

<p>
La mission du WWF est d'arrêter le dégradationde l'environnement naturel de notre planète.
</p>


Éléments de formatage de texte HTML

Tag Description
<b> Defines bold text
<em> Defines emphasized text 
<i> Defines a part of text in an alternate voice or mood
<small> Defines smaller text
<strong> Defines important text
<sub> Defines subscripted text
<sup> Defines superscripted text
<ins> Defines inserted text
<del> Defines deleted text
<mark> Defines marked/highlighted text

Pour une liste complète de toutes les balises HTML disponibles, consultez notre Référence des balises HTML .