3 sätt att infoga mellanslag i HTML

Innehållsförteckning:

3 sätt att infoga mellanslag i HTML
3 sätt att infoga mellanslag i HTML

Video: 3 sätt att infoga mellanslag i HTML

Video: 3 sätt att infoga mellanslag i HTML
Video: Как вылупить яйцо эндер-дракона в Minecraft Pocket Edition (версия для Windows 10) 2024, November
Anonim

Denna wikiHow lär dig hur du infogar mellanslag och radbrytningar i HTML. Eftersom du bara kommer att skapa ett enda mellanslag i din HTML när du trycker på mellanslagstangenten flera gånger, måste du använda HTML -taggar för att infoga mer än ett mellanslag i taget.

Steg

Metod 1 av 3: Använda HTML -kod

Infoga mellanslag i HTML Steg 1
Infoga mellanslag i HTML Steg 1

Steg 1. Öppna HTML -dokumentet

Du kan redigera HTML-dokument med ett textredigeringsprogram som Anteckningar eller TextEdit i Windows. Du kan också använda en HTML -editor som Adobe Dreamweaver. Följ dessa steg för att öppna ett HTML -dokument.

  • Sök efter HTML -dokument i Utforskaren på en Windows -dator (eller Finder på en Mac).
  • Högerklicka på HTML-dokumentet du vill redigera.
  • Håll muspekaren över alternativet " Öppna med ”.
  • Klicka på det program du vill använda för att redigera filen.
Infoga mellanslag i HTML Steg 2
Infoga mellanslag i HTML Steg 2

Steg 2. Tryck på mellanslagstangenten för att lägga till ett vanligt mellanslag

För att lägga till ett vanligt mellanslag, klicka där du vill infoga ett mellanslag och tryck på mellanslagstangenten på tangentbordet. Normalt visar HTML bara ett mellanslag mellan ord, oavsett hur många gånger du trycker på mellanslagstangenten.

Image
Image

Steg 3. Skriv för att med våld lägga till bakre mellanslag

Den resulterande koden är känd som ett icke-brytande utrymme eller fast utrymme eftersom det förhindrar raddelning på platsen där koden placeras.

  • Skriv till exempel Hej alla! för att infoga ett extra mellanslag mellan orden "Hej" och "alla!"
  • Om du överanvänder dessa tecken kommer din webbläsare att ha svårt att infoga radbrytningar på ett snyggt och lättläst sätt.
  • Du kan också skriva för att med våld infoga ett mellanslag.
Image
Image

Steg 4. Infoga mellanslag med olika bredder

Du kan lägga till ett längre utrymme med något av följande alternativ:

  • Två mellanslag - Typ
  • Fyra mellanslag - Typ
  • Inryck - Typ

Metod 2 av 3: Använda CSS -kod

Infoga mellanslag i HTML Steg 5
Infoga mellanslag i HTML Steg 5

Steg 1. Öppna HTML- eller CSS -dokumentet

CSS -kod kan tillämpas på rubriken på ett HTML -dokument eller skrivas som ett externt CSS -dokument.

HTML -dokumentets huvud finns högst upp i filen. Detta avsnitt ligger mellan "" och "" märkena

Image
Image

Steg 2. Skapa ett stilsegment för CSS -koden

Stilsegmentet måste läggas till i toppen av HTML -koden eller i ett separat formatmall. Använd följande flaggor för att skapa stilsegment i HTML -dokument eller separata formatmallar.

  • Skriv för att öppna stilsegmentet. All CSS -kod måste läggas till efter detta märke.
  • Skriv för att stänga stilsegmentet. All CSS -kod måste anges innan detta stängningsmärke.
Image
Image

Steg 3. Skriv följande i stilsegmentet: p {text-indent: 5em;}. Denna flagga uppmanar webbläsaren att dra in fem blanksteg när den läggs till i lämplig HTML -kod.

  • Du kan justera antalet eller bredden på mellanslag genom att skriva ett annat nummer efter "text-indent:" -koden.
  • Enheten "em" motsvarar ett mellanslag med den angivna eller tillämpliga teckenstorleken. Du kan använda andra enheter, t.ex. procentsatser (t.ex. "text-indent: 15%;") eller längdenheter (t.ex. "text-indent: 3mm;").
Image
Image

Steg 4. Tikka

från den del du vill dra in på.

Detta märke måste läggas till i HTML -texten, innan texten du vill dra in i. Därefter läggs strecksatsen enligt specifikationerna som anges i CSS -koden till texten.

Metod 3 av 3: Använda förformaterad text

Infoga mellanslag i HTML Steg 9
Infoga mellanslag i HTML Steg 9

Steg 1. Öppna HTML -dokumentet

Du kan redigera HTML-dokument med ett textredigeringsprogram som Anteckningar eller TextEdit i Windows. Du kan också använda en HTML -editor som Adobe Dreamweaver. Följ dessa steg för att öppna ett HTML -dokument.

  • Sök efter HTML -dokument i Utforskaren på en Windows -dator (eller Finder på en Mac).
  • Högerklicka på HTML-dokumentet du vill redigera.
  • Håll muspekaren över alternativet " Öppna med ”.
  • Klicka på det program du vill använda för att redigera filen.
Image
Image

Steg 2. Skriv

före texten du vill förformatera.

Koden är en förformaterad textöppningstoken.

Image
Image

Steg 3. Skriv önskad text efter"

".

Med förformatering visas alla mellanslag och radbrytningar som skapats med "Enter" -knappen på HTML -sidan.

Image
Image

Steg 4. Skriv efter texten.

Det förformaterade textsegmentet avslutas.

Tips

  • Om det utrymme du har infogat ger konstiga symboler i din webbläsare är det möjligt att det orsakas av extra data i ett textbehandlingsprogramformat som inte bör visas på internet. Du kan förhindra att symbolen visas genom att skriva koden i ett program för redigering av vanlig text, till exempel Anteckningar eller TextEdit.
  • CSS är ett mer sofistikerat och förutsägbart stilarkspråk för att designa element på webbsidor, inklusive textavstånd.
  • Fast utrymme (icke-brytande utrymme)
  • är ett exempel på en teckenenhet, en kod som hänvisar till ett tecken som du inte kan skriva via tangentbordet.

Varning

  • HTML -tecken för Tab

  • fungerar inte som du kan förvänta dig. Standard HTML -dokument har inte tabuleringsstopp så att dessa tecken inte fungerar.
  • Skriv alltid din HTML -kod i en kodredigerare eller ren textfil, och inte i ett ordbehandlingsfilformat (t.ex. Word).

Rekommenderad: