Magyarázat arra, hogy mi az előre formázott szöveg a HTML-ben

Amikor szöveget ad hozzá egy weblap HTML-kódjához, mondjuk egy bekezdéselemben, akkor alig vagy egyáltalán nem tudja meghatározni, hogy ezek a szövegsorok hol szakadnak el, vagy hogy milyen távolságot fog használni. Ennek oka, hogy a webböngésző a szöveget szükség szerint továbbítja a szöveget tartalmazó terület alapján. Ebbe beletartozik érzékeny weboldalak amelynek nagyon folyékony elrendezése lesz, amely a a képernyő mérete az oldal megtekintésére használják. A HTML szöveg megtör egy sort, ahol szükséges, amint elérte a tartalmának végét. Végül a böngésző nagyobb szerepet játszik a szöveg törésének meghatározásában, mint te.

A térköz hozzáadásával egy bizonyos formátum vagy elrendezés létrehozása szempontjából a HTML nem ismeri fel a kódhoz hozzáadott távolságot, beleértve a szóköz, a tabulátor vagy a kocsi visszatérését. Ha húsz szóközt helyez el egy szó és az utána következő szó közé, a böngésző csak egyetlen szóközt jelenít meg ott. Ezt fehérfelület-összeomlásnak nevezik, és valójában ez az egyik HTML-fogalom, amellyel sokan az iparban újonnan küzdenek. Arra számítanak, hogy a HTML-szóköz úgy működik, mint egy olyan programban, mint a Microsoft Word, de a HTML-szóköz egyáltalán nem így működik.

A legtöbb esetben a HTML-dokumentumokban a szöveg szokásos kezelése pontosan az, amire szüksége van, de más esetben előfordulhat, hogy jobban szeretné ellenőrizni, hogy a szöveg pontosan hogyan helyezkedik el és hova szakad vonalak. Ezt előre formázott szövegnek nevezik (más szóval, te diktálod a formátumot). A HTML segítségével előre formázott szöveget adhat hozzá weboldalaihoz.

 Használni a 
 Címke 

Sok évvel ezelőtt gyakran előfordult, hogy weboldalakat láttak előre formázott szövegblokkokkal. Használni a 
 Az oldalrészeket a gépelés formátumában definiáló címke gyors és egyszerű módja volt a webdesignereknek, hogy a szöveget a kívánt módon jelenítsék meg. Ez a CSS elterjedése előtt történt, amikor a webtervezők nagyon elakadtak, és táblázatokkal és más, csak HTML-módszerekkel próbálták kikényszeríteni az elrendezést. Ez azért működött, mert az előre formázott szöveget olyan szövegként definiáljuk, amelyben a struktúrát tipográfiai konvenciók határozzák meg, nem pedig a HTML-megjelenítés. 

Ma ezt a címkét nem használják annyira, mert a CSS lehetővé teszi számunkra, hogy a vizuális stílusokat sokkal hatékonyabban diktáljuk, mint a próbálkozás kényszeríteni a megjelenést a HTML-be, és mivel a webes szabványok a struktúra (HTML) és a stílusok egyértelmű elválasztását diktálják (CSS). Mégis előfordulhat, hogy az előre formázott szövegnek van értelme, például egy olyan levelezési címhez, ahová kényszeríteni szeretné a sortörések vagy a költészet példái, ahol a sortörések elengedhetetlenek a tartalom. 

Itt van a HTML használatának egyik módja 
 címke: 

A tipikus HTML összecsukja a fehér helyet a dokumentumban. Ez azt jelenti, hogy a szóköz visszatérései, a szóközök és a tabulátor karakterek, amelyeket ebben a szövegben használnak, mind összeomlanak egy szóközre. Ha beírta a fenti idézetet egy tipikus HTML címkébe, például a p (bekezdés) címkébe, akkor egy sor szöveghez jutna, így: 

Twas brillig and the slithey toves Did gyre and gimble in the wabe. 

Az előcímke a szóköz karaktereket olyan állapotban hagyja. Tehát a sortörések, a szóközök és a fülek megmaradnak a böngésző által a tartalom megjelenítésében. Az árajánlatot a 
 címke ugyanahhoz a szöveghez ezt a képernyőt eredményezi: 
Twas brillig és a slithey ujjak
Gyre és gimble
ban ben
a
wabe
 A betűtípusokról 

A 
 címke nem csupán fenntartja a szóközöket és töréseket az írt szöveghez. A legtöbb böngészőben monospace betűtípussal írják. Ezáltal a szövegben szereplő karakterek szélessége egyenlő. Más szavakkal, az i betű annyi helyet foglal el, mint a w betű. 

Ha inkább egy másik betűtípust szeretne használni a böngésző alapértelmezett monospace helyett, akkor ezt továbbra is megváltoztathatja stíluslapok és válasszon ki egyebet betűtípus szeretné, ha a szöveg megjelenítésre kerülne. 
 HTML5 

Egy dologra figyelni kell, hogy a HTML5-ben a "width" attribútum már nem támogatott a 
 elem. A HTML 4.01-ben a szélesség megadta a karakterek számát, amelyet egy sor tartalmazna, de ez a HTML5-nél és a továbbiaknál el lett vetve.