Etiqueta HTML `<tt>`

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>

html

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

Try it Yourself »

Resultado

tt tag example

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

Ejemplo con CSS

html

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

Try it Yourself »

Atributos

La etiqueta <tt> admite los Atributos globales.

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

json

{
    "tag_name": "tt"
}

Práctica

¿Cuál es el uso principal de la etiqueta HTML <tt> y qué reemplaza a este elemento en HTML5?

La etiqueta HTML <tt> se utiliza para proporcionar a un párrafo un color de fondo, y la etiqueta <color> reemplaza a este elemento en HTML5La etiqueta HTML <tt> se utiliza para mostrar texto en formato de teleimpresora o monoespaciado, y la etiqueta <html> reemplaza a este elemento en HTML5La etiqueta HTML <tt> se utiliza para mostrar texto en formato de teleimpresora o monoespaciado, y ninguna otra etiqueta reemplaza a este elemento en HTML5La etiqueta HTML <tt> se utiliza para mostrar texto en formato de teleimpresora o monoespaciado, y la etiqueta <code>, <kbd>, <pre> o <samp> reemplaza a este elemento en HTML5

Etiqueta HTML <tt> ​

Sintaxis ​

Ejemplo de la etiqueta HTML <tt>: ​

Resultado ​

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

Atributos ​