Che cos'è il testo preformattato?

Ecco come utilizzare il tag di testo preformattato nel codice HTML

atakan / Getty Images

Quando aggiungi del testo al codice HTML di una pagina Web, ad esempio in un elemento di paragrafo, hai poco o nessun controllo su dove verranno interrotte quelle righe di testo o sulla spaziatura che verrà utilizzata. Questo perché il browser web scorrerà il testo secondo necessità in base all'area che lo contiene. Ciò comprende siti web reattivi che avrà un layout molto fluido che cambia in base al dimensione dello schermo utilizzato per visualizzare la pagina. Il testo HTML interromperà una riga in cui è necessario una volta raggiunta la fine dell'area di contenimento. Alla fine, il browser gioca un ruolo più importante nel determinare come si interrompe il testo rispetto a te.

In termini di aggiunta della spaziatura per creare un determinato formato o layout, HTML non riconosce la spaziatura aggiunta al codice, inclusi barra spaziatrice, tabulazione o ritorni a capo. Se metti venti spazi tra una parola e la parola che segue, il browser visualizzerà un solo spazio. Questo è noto come collasso dello spazio bianco ed è in realtà uno dei concetti di HTML con cui molti nuovi nel settore all'inizio lottano. Si aspettano che lo spazio bianco HTML funzioni come in un programma come Microsoft Word, ma non è affatto così che funziona lo spazio bianco HTML.

Nella maggior parte dei casi, la normale gestione del testo in qualsiasi documento HTML è esattamente ciò di cui hai bisogno, ma in altri casi potresti effettivamente volere un maggiore controllo su come il testo si distanzia esattamente e dove interrompe le righe. Questo è noto come testo preformattato (in altre parole, si detta il formato). Puoi aggiungere testo preformattato alle tue pagine web usando l'HTML

Usando |_+_|

Per quanto riguarda i caratteri

Il

tag fa molto di più che mantenere gli spazi e le interruzioni per il testo che scrivi. Nella maggior parte dei browser, è scritto con un carattere a spaziatura fissa. Ciò rende i caratteri nel testo tutti uguali in larghezza. In altre parole, la lettera i occupa tanto spazio quanto la lettera w.
 
 
 
Se preferisci utilizzare un altro carattere al posto di quello predefinito a spaziatura fissa visualizzato dal browser, puoi comunque modificarlofogli di stilee selezionane un altro font desideri che il testo venga visualizzato.
  
 HTML5 
 
Una cosa da tenere presente è che, in HTML5, l'attributo 'width' non è più supportato per
elemento. In HTML 4.01, la larghezza specificava il numero di caratteri che una riga avrebbe contenuto, ma questo è stato eliminato per HTML5 e oltre.