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>

ObjetivosRealizado

Encierra todo el texto dentro de la etiqueta <body> en la etiqueta <pre>.