Hur man infogar mellanslag i HTML

Författare: Joan Hall
Skapelsedatum: 28 Februari 2021
Uppdatera Datum: 28 Juni 2024
Anonim
how to insert spaces in html
Video: how to insert spaces in html

Innehåll

1 Öppna ett HTML -dokument. Detta kan göras i en vanlig textredigerare som Anteckningar eller TextEdit i Windows. Du kan också använda en HTML -filredigerare som Adobe Dreamweaver. Så här öppnar du ett HTML -dokument:
  • Navigera till HTML -dokumentet i Utforskaren (Windows) eller Finder (macOS).
  • Högerklicka på önskat HTML -dokument.
  • Håll muspekaren över Öppna med.
  • Välj det program där du vill redigera dokumentet.
  • 2 Klicka på Platsatt lägga till ett vanligt utrymme. Placera markören där du vill infoga ett mellanslag och tryck sedan på "mellanslag". I HTML visas bara ett mellanslag mellan ord, även om du träffar mellanslag flera gånger.
  • 3 Stiga på för att lägga till ett extra utrymme. Det kallas ett icke-brytande utrymme eftersom det inte tillåter en ny linje.
    • Till exempel om du anger Hej allihopa, mellan orden "Hej" och "alla!" ett extra utrymme kommer att infogas.
    • Tänk på att för många icke-brytande mellanslag kommer att hindra webbläsaren från att göra radbrytningar på rätt platser, vilket gör texten svårläst.
    • Du kan också skriva in  för att infoga ett mellanslag.
  • 4 Infoga mellanslag med olika längder. Om du vill infoga ett längre utrymme använder du något av följande alternativ:
    • Två mellanslag - stiga på
    • Fyra mellanslag - stiga på
    • Inryck (flikavstånd) - stiga på
  • Metod 2 av 3: CSS

    1. 1 Öppna ett HTML- eller CSS -dokument. CSS -koden kan infogas i huvudet på ett HTML -dokument eller sparas som en extern CSS -fil.
      • Huvudet för HTML -dokumentet finns högst upp i filen, mellan taggarna "head>" och "/ head>".
    2. 2 Skapa en stylingsektion för CSS. Stilavsnittet finns i början av HTML -koden eller i ett separat formatmall.Använd följande taggar för att skapa ett stilavsnitt i ett HTML -dokument eller formatmall.
      • Stiga på stil>för att öppna stilavsnittet. All CSS -kod kommer efter den här taggen.
      • Stiga på / stil>för att stänga stilavsnittet. All CSS måste placeras före denna sluttagg.
    3. 3 Ange följande tagg i stilavsnittet:p {indent-text: 5em;} Detta uppmanar webbläsaren att dra in den med fem mellanslag (i rätt HTML).
      • För att ställa in antalet blanksteg, ändra numret efter "indent-text:".
      • "Em" -elementet matchar ett mellanslag med den angivna teckenstorleken. Andra enheter kan användas, till exempel procent ("indrag-text: 15%;") eller millimeter ("indrag-text: 3 mm;").
    4. 4 Stiga på p> där du vill lägga till indrag. Gör detta inuti HTML -dokumentet där du vill dra in. Texten kommer att indragas enligt CSS -specifikationerna.

    Metod 3 av 3: Förformaterad text

    1. 1 Öppna ett HTML -dokument. Detta kan göras i en vanlig textredigerare som Anteckningar eller TextEdit i Windows. Du kan också använda en HTML -filredigerare som Adobe Dreamweaver. Så här öppnar du ett HTML -dokument:
      • Navigera till HTML -dokumentet i Utforskaren (Windows) eller Finder (macOS).
      • Högerklicka på önskat HTML -dokument.
      • Håll muspekaren över Öppna med.
      • Välj det program där du vill redigera dokumentet.
    2. 2 Stiga på före> före texten du vill förformatera. Detta är öppningstaggen för förformaterad text.
    3. 3 Ange texten som avsedd efter taggen "pre>". Vid förformatering av texten visas alla mellanslag och radbrytningar som skapas genom att trycka på Enter på HTML -sidan.
    4. 4 Stiga på / pre> i slutet av texten. Detta är den sista taggen för förformaterad text.

    Tips

    • Om webbläsaren visar mellanslag som obegripliga tecken beror det troligtvis på ytterligare data; de lagras i ordbehandlingsformat och visas inte på skärmen. För att undvika detta, arbeta i en vanlig textredigerare som Anteckningar eller TextEdit.
    • CSS är ett mycket mer kraftfullt och förutsägbart sätt att skapa layouten för en webbsida, inklusive ordavstånd.
    • Ett icke-brytande utrymme är ett exempel på en karaktärsenhet; det är en kod som hänvisar till ett tecken som inte kan matas in från tangentbordet.

    Varningar

    • HTML -symbol för Fliken ↹ (flikar) fungerar inte som många tror. Det finns inga flikstopp i en vanlig HTML -fil, så att ange detta tecken gör ingenting.
    • Ange HTML i en kodredigerare eller ren textfil snarare än en kraftfull textredigerare.