Teoria
Teoria

Testo preformattato

Probabilmente avrete già notato quanto sia diversa la visualizzazione del codice in un editor HTML e in un mini-browser.

È possibile inserire tutti gli spazi che si desidera nel codice HTML, ma il browser li visualizzerà come un unico spazio. È anche possibile inserire tutte le interruzioni di riga che si desidera nel codice HTML, ma il browser non mostrerà alcuna interruzione di riga a meno che non si utilizzino tag speciali come <p> o <br>.

È possibile modificare questo comportamento del browser utilizzando il tag <pre>, che sta per "testo preformattato". Il browser salva e visualizza tutti gli spazi e i trattini che si trovano all'interno del tag <pre>.

Questo tag viene utilizzato soprattutto per la visualizzazione di esempi di codice.

index.html

HTML

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

ObiettiviFatto

Racchiudere tutto il testo all'interno del tag <body> nel tag <pre>.