Hva er forhåndsformatert tekst?

Slik bruker du den forhåndsformaterte tekst-koden i HTML-koden din

atakan / Getty Images

Når du legger til tekst i HTML-koden for en webside, for eksempel i et avsnittselement, har du liten eller ingen kontroll over hvor disse tekstlinjene vil brytes eller avstanden som skal brukes. Dette er fordi nettleseren vil flyte teksten etter behov basert på området som inneholder den. Dette inkluderer responsive nettsider som vil ha en veldig flytende layout som endres basert på størrelsen på skjermen brukes til å se siden. HTML-tekst vil bryte en linje der den skal når den har nådd slutten av området. Til slutt spiller nettleseren mer en rolle i å bestemme hvordan teksten brytes enn du gjør.

Når det gjelder å legge til mellomrom for å lage et bestemt format eller oppsett, gjenkjenner ikke HTML avstanden som legges til kode, inkludert mellomrom, tabulator eller vognretur. Hvis du setter tjue mellomrom mellom ett ord og ordet som kommer etter det, vil nettleseren bare gjengi ett enkelt mellomrom der. Dette er kjent som white space collapse, og det er faktisk et av HTML-begrepene som mange nye i bransjen sliter med i begynnelsen. De forventer at HTML-mellomrom fungerer slik det gjør i et program som Microsoft Word, men det er ikke slik HTML-mellomrom fungerer i det hele tatt.

I de fleste tilfeller er normal håndtering av tekst i ethvert HTML-dokument akkurat det du trenger, men i andre tilfeller vil du kanskje ha mer kontroll over nøyaktig hvordan teksten skiller seg ut og hvor den bryter linjer. Dette er kjent som forhåndsformatert tekst (med andre ord, du dikterer formatet). Du kan legge til forhåndsformatert tekst på nettsidene dine ved hjelp av HTML

Ved å bruke |_+_|

Angående fonter

De

tag gjør mer enn bare å opprettholde mellomrom og pauser for teksten du skriver. I de fleste nettlesere er det skrevet i en monospace-skrift. Dette gjør alle tegnene i teksten like i bredde. Med andre ord tar bokstaven i like mye plass som bokstaven w.
 
 
 
Hvis du foretrekker å bruke en annen font i stedet for standard monospace som nettleseren viser, kan du fortsatt endre dette medstilarkog velg en hvilken som helst annen font du vil at teksten skal gjengis i.
  
 HTML5 
 
En ting å være oppmerksom på er at i HTML5 støttes ikke lenger 'width'-attributtet for
element. I HTML 4.01 spesifiserte bredden antall tegn som en linje ville inneholde, men dette er slettet for HTML5 og utover.