W3docs

Etiqueta HTML <tt>

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

La etiqueta <tt> crea un texto en línea que se muestra en una fuente monoespaciada o de ancho fijo, tal como aparecería en una teleimpresora o máquina de escribir.

Los términos monoespaciado, monoespacio y no proporcional tienen el mismo significado. Se utilizan indistintamente y describen una tipografía cuyos caracteres tienen el mismo ancho en píxeles.

peligro

La etiqueta <tt> es una etiqueta HTML obsoleta en HTML5.

En lugar de la etiqueta <tt>, utilice la propiedad CSS font-family o los elementos HTML apropiados: la etiqueta <kbd> para entrada de teclado, la etiqueta <var> para variables, la etiqueta <code> para código informático, la etiqueta <samp> para salida de computadora, y la etiqueta <pre> para saltos de línea y sangría.

Sintaxis

La etiqueta <tt> se escribe en pares. El contenido se escribe entre las etiquetas de apertura (<tt>) y cierre (</tt> ).

Ejemplo de la etiqueta HTML <tt>:

Etiqueta 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>

Resultado

tt tag example

Ejemplo de font-family de CSS utilizado en lugar de la etiqueta HTML <tt>:

Ejemplo con 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>

Atributos

La etiqueta <tt> admite los Atributos globales.

Cómo dar estilo a una etiqueta HTML <tt>

{
    "tag_name": "tt"
}

Práctica

Práctica

¿Cuál es el uso principal de la etiqueta HTML &lt;tt&gt; y qué reemplaza a este elemento en HTML5?