Tarea anterior
Marcado de texto con HTML10/10
A la lista de tareas
  1. 1. Párrafos
  2. 2. Títulos y subtítulos
  3. 3. Lista desordenada
  4. 4. Lista ordenada
  5. 5. Lista escalonada
  6. 6. Lista de definiciones
  7. 7. Etiquetas strong y b
  8. 8. Etiquetas em e i
  9. 9. Transposiciones y separadores. Etiquetas br y hr
  10. 10. Texto preformateado
Lista de tareas
  • Cursos
  • Registro
  • Iniciar sesión

Loading…
En unos segundos, estará listo.

  • Teoría
  • Teoría

Texto preformateado

Probablemente ya te habrás dado cuenta de lo diferente que es la visualización del código en un editor HTML y en un mininavegador.

Puedes poner tantos espacios como quieras en el código HTML, pero el navegador los mostrará como uno solo. También puedes poner tantos saltos de línea como quieras en el código HTML, pero el navegador no mostrará ningún salto de línea a menos que utilices etiquetas especiales como <p> o <br>.

Puede cambiar este comportamiento del navegador utilizando la etiqueta <pre>, que significa "texto preformateado". El navegador guarda y muestra todos los espacios y guiones que hay dentro de la etiqueta <pre>.

Esta etiqueta se utiliza sobre todo para mostrar ejemplos de código.

  • index.html
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Texto preformateado</title> </head> <body> .----------------. .----------------. .----------------. | .--------------. || .--------------. || .--------------. | | | _____ _____ | || | _________ | || | ______ | | | ||_ _||_ _|| || | |_ ___ | | || | |_ _ \ | | | | | | /\ | | | || | | |_ \_| | || | | |_) | | | | | | |/ \| | | || | | _| _ | || | | __'. | | | | | /\ | | || | _| |___/ | | || | _| |__) | | | | | |__/ \__| | || | |_________| | || | |_______/ | | | | | || | | || | | | | '--------------' || '--------------' || '--------------' | '----------------' '----------------' '----------------' </body> </html>

El código ha cambiado, haz clic en "Actualizar" o activa la ejecución automática.

Ha ido a otra página

Haga clic dentro del mininavegador para poner el foco en esta ventana.

100%
ObjetivosRealizado
0
    1. Encierra todo el texto dentro de la etiqueta <body> en la etiqueta <pre>.

    © 2023-2025, codigoheroe.com