3 måter å sette inn mellomrom i HTML

Innholdsfortegnelse:

3 måter å sette inn mellomrom i HTML
3 måter å sette inn mellomrom i HTML

Video: 3 måter å sette inn mellomrom i HTML

Video: 3 måter å sette inn mellomrom i HTML
Video: Festplatte klonen - Festplatte mit mehreren Partitionen klonen / Tutorial MiniTool Partition Wizard 2024, Kan
Anonim

Denne wikiHow lærer deg hvordan du setter inn mellomrom og linjeskift i HTML. Siden du bare vil lage et enkelt mellomrom i HTML -koden din når du trykker på mellomromstasten flere ganger, må du bruke HTML -koder for å sette inn mer enn ett mellomrom om gangen.

Steg

Metode 1 av 3: Bruke HTML -kode

Sett inn mellomrom i HTML Trinn 1
Sett inn mellomrom i HTML Trinn 1

Trinn 1. Åpne HTML -dokumentet

Du kan redigere HTML-dokumenter ved hjelp av et tekstredigeringsprogram som Notepad eller TextEdit på Windows. Du kan også bruke en HTML -editor som Adobe Dreamweaver. Følg disse trinnene for å åpne et HTML -dokument.

  • Søk etter HTML -dokumenter i File Explorer på en Windows -datamaskin (eller Finder på en Mac).
  • Høyreklikk på HTML-dokumentet du vil redigere.
  • Hold markøren over alternativet " Åpne med ”.
  • Klikk på programmet du vil bruke til å redigere filen.
Sett inn mellomrom i HTML Trinn 2
Sett inn mellomrom i HTML Trinn 2

Trinn 2. Trykk på mellomromstasten for å legge til et vanlig mellomrom

For å legge til et vanlig mellomrom, klikk der du skal sette inn et mellomrom og trykk mellomromstasten på tastaturet. Normalt vil HTML bare vise ett mellomrom mellom ord, uavhengig av hvor mange ganger du trykker på mellomromstasten.

Image
Image

Trinn 3. Skriv for å makt legge til bakre mellomrom

Den resulterende koden er kjent som et ikke-brytende mellomrom eller fast plass fordi den forhindrer linjesplitt på stedet der koden plasseres.

  • Skriv for eksempel Hei alle sammen! å sette inn et ekstra mellomrom mellom ordene "Hei" og "alle!"
  • Hvis du overbruker disse tegnene, vil nettleseren din ha problemer med å sette inn linjeskift på en ryddig og lettlest måte.
  • Du kan også skrive for å sette inn et mellomrom med makt.
Image
Image

Trinn 4. Sett inn mellomrom med forskjellige bredder

Du kan legge til en lengre plass ved å bruke ett av følgende alternativer:

  • To mellomrom - Type
  • Fire mellomrom - Type
  • Innrykk - Type

Metode 2 av 3: Bruke CSS -kode

Sett inn mellomrom i HTML Trinn 5
Sett inn mellomrom i HTML Trinn 5

Trinn 1. Åpne HTML- eller CSS -dokumentet

CSS -kode kan brukes på overskriften til et HTML -dokument eller skrives som et eksternt CSS -dokument.

Hodet til HTML -dokumentet er øverst i filen. Denne delen er mellom "" og "" merkene

Image
Image

Trinn 2. Lag et stilsegment for CSS -koden

Stilsegmentet må legges til i toppen av HTML -koden eller i et eget stilark. Bruk følgende flagg til å lage stilsegmenter i HTML -dokumenter eller separate stilark.

  • Skriv for å åpne stilsegmentet. All CSS -kode må legges til etter dette merket.
  • Skriv for å lukke stilsegmentet. All CSS -kode må angis før dette avsluttende merket.
Image
Image

Trinn 3. Skriv inn følgende i stilsegmentet: p {text-indent: 5em;}. Dette flagget forteller nettleseren å innrykke fem mellomrom når den legges til den riktige HTML -koden.

  • Du kan justere antall eller bredde på mellomrom ved å skrive et annet tall etter "tekstinnrykk:"-koden.
  • Enheten "em" tilsvarer ett mellomrom med den angitte eller gjeldende skriftstørrelsen. Du kan bruke andre enheter som prosentandeler (f.eks. "Tekstinnrykk: 15%;") eller lengdenheter (f.eks. "Tekstinnrykk: 3mm;").
Image
Image

Trinn 4. Tikka

på den delen du vil innrykke deg på.

Dette merket må legges til brødteksten i HTML -koden, før teksten du vil innrykke deg på. Etter det vil innrykket i henhold til spesifikasjonene spesifisert i CSS -koden bli lagt til teksten.

Metode 3 av 3: Bruke forhåndsformatert tekst

Sett inn mellomrom i HTML Trinn 9
Sett inn mellomrom i HTML Trinn 9

Trinn 1. Åpne HTML -dokumentet

Du kan redigere HTML-dokumenter ved hjelp av et tekstredigeringsprogram som Notepad eller TextEdit på Windows. Du kan også bruke en HTML -editor som Adobe Dreamweaver. Følg disse trinnene for å åpne et HTML -dokument.

  • Søk etter HTML -dokumenter i File Explorer på en Windows -datamaskin (eller Finder på en Mac).
  • Høyreklikk på HTML-dokumentet du vil redigere.
  • Hold markøren over alternativet " Åpne med ”.
  • Klikk på programmet du vil bruke til å redigere filen.
Image
Image

Trinn 2. Skriv

foran teksten du vil forhåndsformatere.

Koden er et forhåndsformatert tekståpningstoken.

Image
Image

Trinn 3. Skriv inn ønsket tekst etter"

".

Med forhåndsformatering vil alle mellomrom og linjeskift som er opprettet ved hjelp av "Enter" -tasten, vises på HTML -siden.

Image
Image

Trinn 4. Skriv etter teksten.

Det forhåndsformaterte tekstsegmentet avsluttes.

Tips

  • Hvis plassen du har satt inn, produserer merkelige symboler i nettleseren din, er det mulig at det er forårsaket av ekstra data i et tekstbehandlingsprogramformat som ikke bør vises på internett. Du kan forhindre at symbolet vises ved å skrive koden i et redigeringsprogram for ren tekst, for eksempel Notisblokk eller TextEdit.
  • CSS er et mer sofistikert og forutsigbart stilarkspråk for å designe elementer på websider, inkludert tekstavstand.
  • Fast plass (ikke-brytende plass)
  • er et eksempel på en tegnenhet, en kode som refererer til et tegn som du ikke kan skrive gjennom tastaturet.

Advarsel

  • HTML -tegn for Tab

  • fungerer ikke som du kan forvente. Standard HTML -dokumenter har ikke tabuleringsstopp, slik at disse tegnene ikke fungerer.
  • Skriv alltid HTML -koden i en kodeditor eller ren tekstfil, og ikke i et tekstbehandlingsfilformat (f.eks. Word).

Anbefalt: