Objašnjenje što je unaprijed formatirani tekst u HTML-u

Kada dodate tekst u HTML kôd web stranice, recimo u elementu odlomka, nemate puno ili nikakvu kontrolu nad time gdje će se te crte teksta lomiti ili razmake koji će se koristiti. To je zato što će web preglednik tekst pretočiti prema potrebi na temelju područja koje ga sadrži. Ovo uključuje responzivne web stranice koji će imati vrlo fluidan raspored koji se mijenja na temelju veličina zaslona koja se koristi za pregled stranice. HTML tekst razbit će redak tamo gdje treba kad stigne do kraja područja u kojem se nalazi. Na kraju, preglednik igra veću ulogu u određivanju kako se tekst lomi nego vi.

Što se tiče dodavanja razmaka za stvaranje određenog formata ili izgleda, HTML ne prepoznaje razmak koji se dodaje kodu, uključujući razmaknicu, karticu ili povratak nosača. Ako između jedne riječi i riječi koja dolazi iza nje stavite dvadeset razmaka, preglednik će tamo prikazati samo jedan jedini prostor. To je poznato kao kolaps bijelog prostora i zapravo je jedan od koncepata HTML-a s kojim se u početku bore mnogi novi u industriji. Očekuju da HTML razmaci djeluju onako kako to rade u programu kao što je Microsoft Word, ali HTML razmaci uopće ne funkcioniraju.

U većini slučajeva normalno je rukovanje tekstom u bilo kojem HTML dokumentu upravo ono što vam treba, ali u drugim u stvarnosti, možda biste zapravo željeli veću kontrolu nad tačno razmakom i dijelom teksta linijama. To je poznato kao unaprijed formatirani tekst (drugim riječima, vi diktirate format). Možete dodati unaprijed formatirani tekst na svoje web stranice pomoću HTML-a.

 Koristiti 
 Označiti 

Prije mnogo godina bilo je uobičajeno vidjeti web stranice s blokovima unaprijed oblikovanog teksta. Koristiti 
 Oznaka za definiranje odjeljaka stranice oblikovane samim tipkanjem bio je brz i jednostavan način za web dizajnere da tekst prikaže onako kako su željeli. To je bilo prije uspona CSS-a za izgled, kada su web dizajneri stvarno zapeli pokušavajući nametnuti izgled pomoću tablica i drugih HTML samo metoda. To se (nekako) pogodilo jer je unaprijed formatirani tekst definiran kao tekst u kojem je struktura definirana tipografskim konvencijama, a ne HTML prikazom. 

Danas se ova oznaka ne koristi toliko puno jer nam CSS omogućuje diktiranje vizualnih stilova na mnogo učinkovitiji način od pokušaja da se nametne pojava u našem HTML-u i zato što web standardi nalažu jasno razdvajanje strukture (HTML) i stilova (CSS). Ipak, možda postoje slučajevi kada unaprijed formatirani tekst ima smisla, poput poštanske adrese na koju želite prisiliti prelomi redaka ili za primjere poezije gdje su prelomi reda neophodni za čitanje i cjelokupni tok sadržaj. 

Evo jednog od načina korištenja HTML-a 
 označiti: 

Tipični HTML skuplja razmake u dokumentu. To znači da bi se vratio nosač, razmaci i znakovi kartice korišteni u ovom tekstu svi skupili u jedan razmak. Ako ste gornji navod upisali u tipičnu HTML oznaku poput oznake p (odlomak), na kraju ćete dobiti jedan redak teksta, poput ovog: 

Twas brillig i klizne grabe Jesu li se kretali i kvrcali u wabeu. 

Oznaka pre ostavlja razmake kao što jesu. Dakle, prelomi redaka, razmaci i kartice održavaju se u prikazivanju tog sadržaja u pregledniku. Stavljanje citata unutar a 
 oznaka za isti tekst rezultirala bi ovim prikazom: 
Twas brillig i skliski toves
Jeste gire i gimble
u
the
wabe
 Što se tiče fontova 

The 
 tag ne samo da održava razmake i prijelome za tekst koji pišete. U većini preglednika napisan je monospace fontom. Zbog toga su znakovi u tekstu svi jednaki u širini. Drugim riječima, slovo i zauzima toliko prostora koliko i slovo w. 

Ako biste radije koristili drugi font umjesto zadanog monospace koji se prikazuje u pregledniku, i dalje ga možete promijeniti s stilski listovi i odaberite bilo koji drugi font želite da tekst bude prikazan u. 
 HTML5 

Treba imati na umu da u HTML5 atribut "width" više nije podržan za 
 element. U HTML 4.01 širina određuje broj znakova koji bi redak sadržavao, ali to je ispušteno za HTML5 i više.