En förklaring av vad förformaterad text är i HTML

När du lägger till text i HTML-koden för en webbsida, säg i ett styckeelement, har du liten eller ingen kontroll över var textraderna bryts eller avståndet som ska användas. Detta beror på att webbläsaren flyter texten efter behov baserat på det område som innehåller den. Detta inkluderar lyhörda webbplatser som kommer att ha en mycket flytande layout som ändras baserat på skärmens storlek används för att visa sidan. HTML-text kommer att bryta en rad där den behöver när den har nått slutet av sitt innehållande område. I slutändan spelar webbläsaren mer en roll för att bestämma hur texten går sönder än du gör.

När det gäller att lägga till avstånd för att skapa ett visst format eller en layout, känner HTML inte avståndet som läggs till i koden, inklusive mellanslag, flik eller vagnretur. Om du placerar tjugo mellanslag mellan ett ord och ordet som kommer efter det, kommer webbläsaren bara att återge ett enda mellanslag där. Detta kallas kollaps i vitt utrymme och det är faktiskt ett av begreppen HTML som många nya inom branschen förstår med. De förväntar sig att HTML-mellanslag ska fungera som det fungerar i ett program som Microsoft Word, men så fungerar inte HTML-mellanslag alls.

I de flesta fall är den normala hanteringen av text i alla HTML-dokument precis vad du behöver, men i andra fall till exempel kanske du vill ha mer kontroll över exakt hur texten ryms ut och var den går sönder rader. Detta kallas förformaterad text (med andra ord dikterar du formatet). Du kan lägga till förformaterad text på dina webbsidor med HTML.

 Använda 
 Märka 

För många år sedan brukade det vara vanligt att se webbsidor med block med förformaterad text. Använda 
 tagg för att definiera delar av sidan som formaterats av själva skrivningen var ett snabbt och enkelt sätt för webbdesigners att få texten att visas som de ville ha den. Detta var före uppkomsten av CSS för layout, när webbdesigners verkligen fastnade och försökte tvinga layout med hjälp av tabeller och andra HTML-bara metoder. Detta (ganska) fungerade tillbaka eftersom förformaterad text definieras som text där strukturen definieras av typografiska konventioner snarare än av HTML-rendering. 

Idag används den här taggen inte så mycket eftersom CSS tillåter oss att diktera visuella stilar på ett mycket mer effektivt sätt än att försöka för att tvinga utseende i vår HTML och eftersom webbstandarder dikterar en tydlig åtskillnad mellan struktur (HTML) och stilar (CSS). Ändå kan det finnas tillfällen där förformaterad text är vettig, som för en postadress där du vill tvinga radbrytningar eller för exempel på poesi där radbrytningar är väsentliga för läsning och övergripande flöde av innehåll. 

Här är ett sätt att använda HTML 
 märka: 

Typisk HTML kollapsar det vita utrymmet i dokumentet. Detta innebär att vagnreturerna, mellanslag och tabbtecken som används i denna text alla kommer att kollapsas till ett mellanslag. Om du skrev ovanstående citat i en typisk HTML-tagg som p (stycke) -taggen, skulle du sluta med en textrad, så här: 

Det var briljant och slithey toves Gjorde och gimlade i wabe. 

Pre-taggen lämnar de vita mellanslagstecken som de är. Så radbrytningar, mellanslag och flikar upprätthålls alla i webbläsarens återgivning av det innehållet. Att lägga offerten inuti en 
 tagg för samma text skulle resultera i denna visning: 
Det var briljant och slithey toves
Gyr och gimlade
i
de
wabe
 När det gäller typsnitt 

De 
 tagg gör mer än bara att behålla mellanslag och raster för texten du skriver. I de flesta webbläsare är det skrivet med ett monospace-teckensnitt. Detta gör att tecknen i texten alla är lika breda. Med andra ord tar bokstaven i upp så mycket utrymme som bokstaven w. 

Om du föredrar att använda ett annat teckensnitt i stället för standardmonospace som webbläsaren visar kan du ändå ändra detta med stilark och välj någon annan font du vill att texten ska återges i. 
 HTML5 

En sak att tänka på är att attributet "bredd" i HTML5 inte längre stöds för 
 element. I HTML 4.01 angav bredden antalet tecken som en rad skulle innehålla, men detta har tappats för HTML5 och därefter.