Hvordan til at skabe ekstra plads i HTML eller en web-side

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

Oprettelse af ekstra mellemrum før eller efter tekst

En af de mest forvirrende ting til nye brugere, som er at skabe en web-side er, at de ikke kan trykke på mellemrumstasten flere gange foretage yderligere rum. Hvis du vil oprette ekstra mellemrum før, efter eller imellem din tekst, skal du bruge det udvidede HTML-tegn   (ikke-breaking space).

For eksempel med “ekstra plads” har vi følgende kode i vores HTML.,

extra    space

hold Afstand i tekst, der indsættes på en side

Hvis du indsætter tekst med ekstra mellemrum eller faner, kan du bruge HTML<pre> tag for at holde teksten formateret., Nedenfor er et eksempel på, hvordan du indsætter tekst med ekstra mellemrum ved hjælp af <pre> tag.

This text has lots of spaces

eksemplet ovenfor udføres ved hjælp af nedenstående HTML-kode.

<pre class="tab">This text has lots of spaces</pre>

• Se vores HTML <før> tag side for yderligere oplysninger om dette tag.

oprettelse af ekstra plads omkring et element eller objekt

ethvert HTML-element kan have ekstra afstand tilføjet øverst, højre, nederst eller venstre. Sørg dog for, at du forstår forskellen mellem margin og polstring, før du beslutter den type plads, du vil tilføje omkring elementet eller objektet. Som det ses på billedet nedenfor, omgiver polstring elementet inden for grænsen og margenen uden for grænsen.

eksemplet nedenfor viser vores afsnit omgivet af en kant, indrykket med en margen og med Afstand til højre og bund.,

et eksempel på et afsnit med margin og polstring.

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

i det første afsnit af koden, “margin-left: 2.5 em;” tilføjer en venstre margen på 2.5 em, hvilket giver udseendet af indrykket tekst. Som det fremgår af eksemplet, er denne afstand uden for grænsen. I det næste afsnit definerer “polstring: 0 7em 2em 0;” top, højre, bund og venstre (med uret) polstring. Der er “0” top polstring, ” 7em ” højre polstring,” 2em ” bund polstring, og 0 venstre polstring., Resten af dette eksempel definerer, 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 venstre margen på et element. For eksempel har dette afsnit en venstre margen på 2, 5 em fra elementet, der indeholder teksten. CSS for at oprette denne venstre margen er vist nedenfor.

.tab { margin-left: 2.5em}

Når vi har placeret denne kode i Vores CSS-fil, kan vi anvende klassen “tab” på enhver tekst for at skabe udseendet af en fane. Værdien af venstre margen kan øges eller formindskes afhængigt af dine behov.,

selvom vi anbefaler metoden ovenfor, kan margin-venstre CSS også tilføjes inline som vist i eksemplet nedenfor.

<p style="margin-left:2.5em">An example of a 5em left margin.</p>

Et eksempel på en 5em venstre margen.

• hvordan indrykker jeg eller fanen Tekst på min webebside eller i HTML?

Tilføj plads under en linje eller et afsnit af tekst

Hvis du har brug for at tilføje ekstra plads under en linje eller et afsnit i en tekst, og du behøver kun gøre det én gang, kan du bruge <br> tag. Nedenfor er et eksempel på, hvordan denne teknik kan anvendes.,

<p>This sentence contains example text.<br><br>As you can see, two breaks add the space above.</p>

koden ovenfor opretter teksten vist nedenfor.

denne sætning indeholder eksempel tekst.
som du kan se, tilføjer to pauser 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 afstand omkring din tekst, hvis det gøres flere steder på en side.