Sådan opretter du ekstra plads i HTML eller en webside

Oprettelse af ekstra plads i din HTML på en webside kan opnås mange måder afhængigt af hvilken type plads du vil oprette. De følgende afsnit indeholder mange af de forskellige måder at oprette ekstra plads ved hjælp af både HTML og CSS.

En af de mest forvirrende ting for nye brugere, der opretter deres egen webside, er, at de ikke kan trykke på mellemrumstasten flere gange for at få yderligere mellemrum. Hvis du vil oprette ekstra mellemrum før, efter eller mellem din tekst, skal du bruge (non-breaking space) udvidet HTML-tegn.

For eksempel har vi med "ekstra plads" følgende kode i vores HTML.

 ekstra plads 

Bemærk: Hvis du bruger en WYSIWYG editor til at indtaste ovenstående kode, skal du være i HTML-fanen eller redigere HTML-koden.

  • Fuld liste over udvidede specielle HTML-tegn.

Hold afstand i tekst, der er indsat i en side

Hvis du indsætter tekst med ekstra mellemrum eller faner, kan du bruge HTML'en

 tag for at holde teksten formateret. Nedenfor er et eksempel på, hvordan du indsætter tekst med ekstra mellemrum ved hjælp af 
 tag.

 Denne tekst har masser af mellemrum 

Eksemplet ovenfor er gjort ved hjælp af nedenstående HTML-kode.

 Denne tekst har masser af mellemrum 

Bemærk: Hvis du bruger en WYSIWYG editor til at indtaste koden ovenfor, skal du være i HTML-fanen eller redigere HTML-koden.

  • Se vores HTML
     tag side for yderligere information om dette tag.

Oprettelse af ekstra plads omkring et element eller objekt

Ethvert HTML-element kan have yderligere mellemrum tilføjet til toppen, højre, bund eller venstre. Det er dog vigtigt, at du forstår forskellen mellem margen og polstring, før du bestemmer hvilken type plads du vil tilføje omkring elementet eller et andet objekt. Som du kan se på billedet nedenfor, er polstring det, der omgående omgiver elementet, inden for grænsen og marginen uden for grænsen.

I eksemplet nedenfor er vores afsnit omgivet af en kant, indrykket med en margen og har plads til højre og nederst i stykket.

Et eksempel på et afsnit med margen og polstring.

Eksemplet ovenfor blev oprettet ved hjælp af koden nedenfor.

Eksempel på et afsnit med margen og polstring.

I den første del af koden er "margin-left: 2.5em;" tilføjer en venstre margen på 2, 5 em, hvilket giver udseendet af indrykket tekst. Som vist i eksemplet ligger denne afstand uden for grænsen. I næste afsnit, "polstring: 0 7em 2em 0;" definerer top, højre, nederste og venstre (med uret) polstring. Der er "0" toppolstring, "7em" højre polstring, "2em" bundpolstring og 0 venstre polstring. Resten af ​​dette eksempel er, hvordan grænsen skal se ud.

Oprettelse af en fane ved hjælp af CSS og HTML

En fane kan oprettes i HTML ved at justere den venstre margen for et element. For eksempel har dette afsnit en venstre margin på 2, 5 em fra elementet, der indeholder teksten. CSS'en til oprettelse af denne venstre margen er vist nedenfor.

 .tab {margin-left: 2.5em} 

Efter at have placeret denne kode i vores CSS-fil, kan vi anvende kategorien "tab" til enhver tekst for at oprette en fane. Værdien af ​​margen-venstre kan øges eller formindskes afhængigt af dine behov.

Selv om vi anbefaler fremgangsmåden ovenfor, kan den margen venstre CSS også tilføjes inline som vist i eksemplet nedenfor.

Et eksempel på en 5em venstre margen.

Et eksempel på en 5em venstre margen.

  • Hvordan indlæser eller faner jeg tekst på min webside eller i HTML?

Hvis du har brug for at tilføje ekstra plads under en linje eller et stykke tekst, og kun behøver at gøre det en gang, kan du bruge

tag for at tilføje ekstra plads i et dokument. Nedenfor er et eksempel på hvordan denne teknik kan anvendes.

Denne sætning indeholder eksempeltekst.

Som du kan se, blev to pauser tilføjet for at skabe pladsen ovenfor.

Koden ovenfor ville oprette teksten vist nedenfor.

Denne sætning indeholder eksempeltekst.

Som du kan se, blev to pauser tilføjet for at skabe pladsen ovenfor.

Yderligere pauser kan tilføjes, hvis det er nødvendigt. Vi foreslår dog at bruge den tidligere nævnte CSS-metode til at tilføje polstring og mellemrum omkring din tekst, hvis det gøres på flere steder på en side.