Een uitleg van wat vooraf opgemaakte tekst is in HTML

Wanneer u tekst toevoegt aan de HTML-code voor een webpagina, bijvoorbeeld in een alinea-element, heeft u weinig tot geen controle over waar die tekstregels zullen breken of de spatiëring die zal worden gebruikt. Dit komt omdat de webbrowser de tekst naar behoefte laat stromen op basis van het gebied dat deze bevat. Dit bevat responsieve websites die een zeer vloeiende lay-out zal hebben die verandert op basis van de grootte van het scherm gebruikt om de pagina te bekijken. HTML-tekst zal een regel afbreken waar het moet zodra het het einde van het bevattende gebied heeft bereikt. Uiteindelijk speelt de browser een grotere rol bij het bepalen hoe de tekst wordt afgebroken dan jij.

Wat betreft het toevoegen van spaties om een ​​bepaalde indeling of lay-out te maken, herkent HTML de spatiëring niet die aan code wordt toegevoegd, inclusief spatiebalk, tab of regelterugloop. Als u twintig spaties plaatst tussen één woord en het woord dat erna komt, geeft de browser daar slechts één enkele spatie weer. Dit staat bekend als het instorten van de witte ruimte en het is eigenlijk een van de HTML-concepten waar veel nieuwkomers in de branche in het begin mee worstelen. Ze verwachten dat HTML-witruimte werkt zoals in een programma als Microsoft Word, maar dat is helemaal niet hoe HTML-witruimte werkt.

In de meeste gevallen is de normale verwerking van tekst in elk HTML-document precies wat u nodig hebt, maar in andere gevallen: gevallen, wilt u misschien meer controle over hoe de tekst precies wordt uitgestippeld en waar deze wordt afgebroken lijnen. Dit staat bekend als voorgeformatteerde tekst (met andere woorden, u dicteert het formaat). U kunt vooraf opgemaakte tekst aan uw webpagina's toevoegen met behulp van HTML.

 De... gebruiken 
 Label 

Vele jaren geleden was het gebruikelijk om webpagina's te zien met blokken vooraf opgemaakte tekst. De... gebruiken 
 tag om secties van de pagina te definiëren zoals opgemaakt door het typen zelf, was een snelle en gemakkelijke manier voor webontwerpers om de tekst weer te geven zoals ze wilden. Dit was vóór de opkomst van CSS voor lay-out, toen webontwerpers echt vastzaten bij het forceren van lay-out door tabellen en andere HTML-methodes te gebruiken. Dit werkte (een beetje) terug omdat voorgeformatteerde tekst wordt gedefinieerd als tekst waarin de structuur wordt gedefinieerd door typografische conventies in plaats van door de HTML-weergave. 

Tegenwoordig wordt deze tag niet zo vaak gebruikt omdat CSS ons in staat stelt om visuele stijlen op een veel efficiëntere manier te dicteren dan te proberen om verschijning in onze HTML te forceren en omdat webstandaarden een duidelijke scheiding van structuur (HTML) en stijlen dicteren (CSS). Toch kunnen er gevallen zijn waarin vooraf opgemaakte tekst zinvol is, zoals voor een postadres waar u wilt forceren de regelafbrekingen of voor voorbeelden van poëzie waarbij regelafbrekingen essentieel zijn voor het lezen en de algehele stroom van de inhoud. 

Hier is een manier om de HTML te gebruiken 
 label: 

Typische HTML vouwt de witruimte in het document samen. Dit betekent dat de regelterugloop, spaties en tabtekens die in deze tekst worden gebruikt, allemaal worden samengevouwen tot één spatie. Als je het bovenstaande citaat in een typische HTML-tag zoals de p (paragraaf) tag typt, zou je eindigen met één regel tekst, zoals deze: 

Het was briljant en de glibberige toves deden gyre en gimble in de wabe. 

De pre-tag laat de witruimte-tekens zoals ze zijn. Dus regeleinden, spaties en tabbladen worden allemaal bijgehouden in de weergave van die inhoud door de browser. Het citaat in een plaatsen 
 tag voor diezelfde tekst zou resulteren in deze weergave: 
Twas briljant en de slithey toves
Deed gyre en gimble
in
de
wabe
 Over lettertypen 

De 
 tag doet meer dan alleen de spaties en pauzes behouden voor de tekst die u schrijft. In de meeste browsers is het geschreven in een monospace-lettertype. Hierdoor zijn de karakters in de tekst allemaal even breed. Met andere woorden, de letter i neemt evenveel ruimte in beslag als de letter w. 

Als u liever een ander lettertype gebruikt in plaats van het standaard monospace-lettertype dat de browser weergeeft, kunt u dit nog steeds wijzigen met stylesheets en selecteer een andere lettertype u wilt dat de tekst wordt weergegeven. 
 HTML5 

Een ding om rekening mee te houden is dat in HTML5 het attribuut "width" niet langer wordt ondersteund voor de for 
 element. In HTML 4.01 specificeerde de breedte het aantal tekens dat een regel zou bevatten, maar dit is weggelaten voor HTML5 en verder.