Hur man infogar mellanslag i HTML

Författare: Monica Porter
Skapelsedatum: 22 Mars 2021
Uppdatera Datum: 1 Juli 2024
Anonim
how to insert spaces in html
Video: how to insert spaces in html

Innehåll

Många mellanslag som normalt skapas med mellanslag, tabbtangenter och enter-tangenter ignoreras alla i webbprogrammeringsspråk. HTML definierar dem alla som vanliga mellanslag mellan ord och visar endast ett enda mellanslag. Medan CSS tillåter användare att ställa in mer granularitet på blanksteg och justering, har HTML inte några inbyggda verktyg för att anpassa ditt avstånd.

Steg

Metod 1 av 2: Infoga mellanslag och enstaka flikar

  1. Infoga utrymmen är inte trasiga. Vanligtvis visar HTML bara ett mellanslag mellan ord, oavsett hur många gånger du trycker på mellanslagstangenten. För att visa flera sammanhängande utrymmen, skriv eller. Den här koden skapar ett specialtecken som kallas "icke-brytande utrymme" och den visas alltid.
    • Ovanstående karaktär kallas "oförstörbart utrymme" eftersom det förhindrar att linjeavbrott är på plats. Om du missbrukar denna karaktär kommer webbläsaren att ha svårt att infoga radbrytningarna på ett ordnat och vertikalt sätt.

  2. Infoga mellanslag med olika bredd. Det finns några andra entitetstecken som kräver att webbläsaren visar ett mellanslag. Hur dessa mellanslag visas i olika webbläsare är lite annorlunda, men till skillnad från följande koder påverkar inte radbrytningen:
    • - namnges enligt skrivarens "N" -utrymme (måttenheten), utrymmet "en" är dubbelt så brett som det vanliga utrymmet.
    • - "em" -utrymme, ungefär lika med fyra mellanslag.

  3. Simulerar en flik med gott om icke-destruktivt utrymme. För att stryka in stycken kan du infoga oförstörbara utrymmen i följd :. Detta är den enda lösningen om du bara använder HTML, men om du använder CSS (beskrivs separat i steget nedan) blir det kortare.
    • Om det finns en komplex presentation av text, använd förtaggen.

  4. Justera stycken med CSS. Egenskaperna för CSS "margin" och "padding" ger instruktioner direkt till webbläsaren, så resultaten som visas blir mer konsekventa. Denna metod är inte svår att implementera, såvida du inte vet något om CSS och din sida inte har ett formatmall. Här är ett exempel på hur du flyttar ett helt stycke till höger marginal:
    • I avsnitt i HTML-dokumentet, infoga följande kod:

      där: "p.indent" definierar ett attribut för texten (p-tagg) namnet "indent" (du kan använda ett annat namn). Resten av koden lägger till funktionen i "padding" -utrymmet till vänster om stycket.
    • Nu, tillbaka till brödtexten i HTML-dokumentet. Varje gång du vill stryka ett stycke (fortfarande "indrag" i det här exemplet) placerar du stycke i den här koden:

    • För att justera inryckningsavståndet ändrar du siffran "1.8" i CSS-koden. Håll "em" bakom eftersom detta är den längdenhet som är associerad med teckenstorleken.
    annons

Metod 2 av 2: Ställ in längre luckor

  1. Använd förformaterade taggar. Vilken tangent somhelst Plats Bra ↵ Gå in anges i kortet

    visas precis som du skriver. Du kan också använda den här taggen för att presentera exempel, dikter eller annan text som kräver hög precision för att presentera avstånd och radbrytningar.

    • Den största nackdelen med förformaterade kort är bredden. Till skillnad från vanlig HTML ändras inte den förformaterade texten så att den passar användarens fönsterstorlek.
  2. Skapa en radbrytning. Kort
    kommer att avsluta den aktuella textraden. Du kan skapa tomma rader med flera radbrytningstaggar. För studenter som inte har HTML är detta ett bra tillvägagångssätt, men om du har lärt dig CSS rekommenderas inte detta obligatoriska HTML-format.
  3. Identifiera stycket med taggen "p". Taggen runt texten identifierar det stycket. De flesta webbläsare skiljer stycket med en tom rad, men du kan inte garantera ett konsekvent format för texten. annons

Råd

  • När du senast kontrollerar skärmen på din webbsida, om du ser överflödiga tecken i en ovanlig position runt kodavsnittet, dubbelkolla om det finns ofullständiga taggar, t.ex. <> istället för
    .
  • CSS är ett mer kraftfullt och proaktivt verktyg för att presentera webbsidor, inklusive avstånd för text.
  • Begränsa plötsliga utrymmen bakom en öppen tagg eller framför en nära tagg. Du bör till exempel skriva mellanslag Handledning inte utrymmen Handledning .
  • Oförstörbart utrymme är ett exempel på ett entitetstecken: koden som representerar ett tecken som du inte kan ange från tangentbordet.

Varning

  • HTML-attributet representerar nyckeln Flik ↹ Egentligen inte så effektiv som du kanske tror. Ett standard HTML-dokument har inte flikstopp, så flikens tecken har ingen effekt.
  • Skriv alltid HTML-språket i en kodredigerare eller vanlig textfil, använd inte format för bearbetning av textfiler. Om dina mellanslag blir konstiga karaktärer i din webbläsare beror det troligen på överflödig information som lagts till av ordbehandlaren, som inte är avsedd för onlinevisning.