W3docs
fr
Se connecter

Balise HTML `<tt>`

HTML <tt> tag defines monospace text. This tag is obsolete, see what tags or CSS properties you can use instead.

La balise <tt> crée un texte en ligne qui s'affiche dans une police monospace ou à largeur fixe, comme sur une télétype ou une machine à écrire.

Les termes monotype, monospace et non proportionnel ont la même signification. Ils sont utilisés de manière interchangeable et décrivent une police dont les caractères ont tous la même largeur en pixels.

danger

La balise <tt> est une balise HTML dépréciée dans HTML5.

Au lieu de la balise <tt>, utilisez la propriété CSS font-family ou les éléments HTML appropriés : la balise <kbd> pour les saisies au clavier, la balise <var> pour les variables, la balise <code> pour le code informatique, la balise <samp> pour les sorties informatiques, et la balise <pre> pour les sauts de ligne et l'indentation.

Syntaxe

La balise <tt> s'utilise par paire. Le contenu est écrit entre la balise d'ouverture (<tt>) et la balise de fermeture (</tt>).

Exemple de la balise HTML <tt> :

Balise HTML <tt>

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p>This is an ordinary text.</p>
    <p><tt>And this is a teletype text.</tt></p>
  </body>
</html>
Essayez vous-même »

Résultat

Exemple de balise tt

Exemple de l'utilisation de CSS font-family à la place de la balise HTML <tt> :

Exemple avec CSS

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p>This is an ordinary text.</p>
    <p style="font-family: monospace">And this is a teletype text.</p>
  </body>
</html>
Essayez vous-même »

Attributs

La balise <tt> prend en charge les Attributs globaux.

Comment styliser une balise HTML <tt>

{
    "tag_name": "tt"
}

Pratique

Pratique

Quelle est l'utilisation principale de la balise HTML `<tt>` et quel élément la remplace dans HTML5 ?