O explicație a ceea ce este textul pre-formatat în HTML

Când adăugați text la codul HTML pentru o pagină Web, să zicem într-un element de paragraf, nu aveți prea mult sau deloc control asupra locului în care se vor rupe acele linii de text sau a spațiului care va fi utilizat. Acest lucru se datorează faptului că browserul web va transmite textul după cum este necesar pe baza zonei care îl conține. Aceasta include site-uri web receptive care va avea un aspect foarte fluid care se modifică în funcție de dimensiunea ecranului fiind folosit pentru a vizualiza pagina. Textul HTML va sparge o linie unde trebuie, după ce a ajuns la sfârșitul zonei sale de conținut. În cele din urmă, browserul joacă mai mult un rol în a determina cum se rupe textul decât faceți dvs.

În ceea ce privește adăugarea spațierii pentru a crea un anumit format sau aspect, HTML nu recunoaște spațiul care este adăugat la cod, inclusiv bara de spațiu, fila sau returnările de căruțe. Dacă puneți douăzeci de spații între un cuvânt și cuvântul care vine după el, browserul va reda acolo un singur spațiu. Acest lucru este cunoscut sub numele de colaps al spațiului alb și este de fapt unul dintre conceptele de HTML cu care mulți începători din industrie se luptă la început. Se așteaptă ca spațiul HTML să funcționeze așa cum se întâmplă într-un program precum Microsoft Word, dar nu funcționează deloc spațiul HTML.

În majoritatea cazurilor, manipularea normală a textului în orice document HTML este exact ceea ce aveți nevoie, dar în altele de exemplu, este posibil să doriți mai mult control asupra modului exact în care spațiul textului iese și unde se sparge linii. Acesta este cunoscut sub numele de text pre-formatat (cu alte cuvinte, dictați formatul). Puteți adăuga text pre-formatat pe paginile dvs. web folosind HTML.

 Folosind 
 Etichetă 

Cu mulți ani în urmă, era obișnuit să vezi pagini web cu blocuri de text pre-formatat. Folosind 
 eticheta pentru a defini secțiunile paginii ca fiind formatate de tastarea în sine a fost o modalitate rapidă și ușoară pentru designerii de web de a obține textul să fie afișat așa cum au dorit. Acest lucru s-a întâmplat înainte de apariția CSS pentru aspect, când designerii web au rămas cu adevărat blocați încercând să forțeze aspectul folosind tabele și alte metode numai HTML. Acest lucru (cam) a funcționat, deoarece textul pre-formatat este definit ca text în care structura este definită mai degrabă prin convenții tipografice decât prin redarea HTML. 

Astăzi, această etichetă nu este utilizată la fel de mult, deoarece CSS ne permite să dictăm stiluri vizuale într-un mod mult mai eficient decât încercarea pentru a forța apariția în HTML-ul nostru și pentru că standardele web dictează o separare clară a structurii (HTML) și a stilurilor (CSS). Totuși, pot exista cazuri în care textul pre-formatat are sens, ca pentru o adresă poștală unde doriți să forțați pauzele de linie sau pentru exemple de poezie în care pauzele de linie sunt esențiale pentru citirea și fluxul general al conţinut. 

Iată o modalitate de a utiliza codul HTML 
 etichetă: 

HTML tipic colapsează spațiul alb din document. Aceasta înseamnă că retururile, spațiile și caracterele de filă utilizate în acest text ar fi restrânse într-un singur spațiu. Dacă ați introdus citatul de mai sus într-o etichetă HTML tipică, cum ar fi eticheta p (paragraf), veți ajunge cu un singur rând de text, astfel: 

A fost strălucit și slithey toves S-a învârtit și a zgârcit în wabe. 

Eticheta pre lasă caracterele spațiului alb așa cum este. Deci, întreruperile de linie, spațiile și filele sunt menținute toate în redarea de către browser a conținutului respectiv. Punerea citatului în interiorul unui 
 eticheta pentru același text ar avea ca rezultat afișarea: 
A fost strălucit și slithey toves
Gyre și gimble
în

wabe
 În ceea ce privește fonturile 
 
 eticheta face mai mult decât să mențină spațiile și pauzele pentru textul pe care îl scrieți. În majoritatea browserelor, este scris într-un font monospațial. Acest lucru face ca caracterele din text să fie egale în lățime. Cu alte cuvinte, litera i ocupă la fel de mult spațiu ca litera w. 

Dacă preferați să utilizați un alt font în locul celui monospațial implicit pe care îl afișează browserul, îl puteți schimba în continuare cu foi de stil și selectați oricare altul font doriți ca textul să fie redat în. 
 HTML5 

Un lucru de care trebuie să țineți cont este că, în HTML5, atributul „lățime” nu mai este acceptat pentru 
 element. În HTML 4.01, lățimea a specificat numărul de caractere pe care le-ar conține o linie, dar aceasta a fost eliminată pentru HTML5 și nu numai.