Hvordan sette inn mellomrom i HTML

Forfatter: Monica Porter
Opprettelsesdato: 22 Mars 2021
Oppdater Dato: 1 Juli 2024
Anonim
Hvordan kode HTML og CSS - Del 4 Hvordan sette inn logo og navigasjonsmeny i HTML
Video: Hvordan kode HTML og CSS - Del 4 Hvordan sette inn logo og navigasjonsmeny i HTML

Innhold

Mange mellomrom opprettet normalt med mellomrom, tabulatortaster og enter-nøkler ignoreres alle i webprogrammeringsspråk. HTML definerer dem alle som vanlige mellomrom mellom ord og viser bare ett mellomrom. Mens CSS lar brukerne angi mer detaljering på mellomrom og justering, har HTML ikke noen innebygde verktøy for å tilpasse avstanden din.

Fremgangsmåte

Metode 1 av 2: Sett inn mellomrom og enkeltfaner

  1. Sett inn mellomrom som ikke er ødelagte. Vanligvis vil HTML bare vise ett mellomrom mellom ord, uansett hvor mange ganger du har trykket på mellomromstasten. For å få vist flere sammenhengende mellomrom, skriv eller. Denne koden vil skape et spesialtegn som kalles "ikke-brudd mellomrom", og den vises alltid.
    • Ovennevnte karakter kalles "uforgjengelig plass" fordi det forhindrer linjeskift fra å være på plass. Hvis du overdriver dette tegnet, vil nettleseren ha problemer med å sette inn linjeskift på en ryddig og vertikal måte.

  2. Sett inn mellomrom med forskjellige bredder. Det er noen andre entitetstegn som krever at nettleseren viser et mellomrom. Måten disse områdene vises i forskjellige nettlesere er litt annerledes, men i motsetning til følgende koder vil det ikke påvirke linjeskiftet:
    • - er oppkalt etter "N" -området til skriveren (måleenhet), mellomrom "en" er dobbelt så bredt som det normale rommet.
    • - "em" -rom, omtrent lik fire mellomrom.

  3. Simulerer en fane med rikelig med ikke-destruktiv plass. For å rykke inn avsnitt kan du sette inn uforgjengelige mellomrom fortløpende :. Dette er den eneste løsningen hvis du bare bruker HTML, men hvis du bruker CSS (beskrevet separat i trinnet nedenfor), blir den kortere.
    • Hvis det er en kompleks presentasjon av tekst, bruk forhåndskoden.

  4. Juster avsnitt med CSS. CSS "margin" og "padding" -egenskapene gir instruksjoner direkte til nettleseren, slik at resultatene som vises vil være mer konsistente. Denne metoden er ikke vanskelig å implementere, med mindre du vet ingenting om CSS og siden din ikke har et stilark. Her er et eksempel på hvordan du flytter et helt avsnitt til høyre marg:
    • I seksjonen i HTML-dokumentet, sett inn følgende kode:

      hvor: "p.indent" definerer et attributt for teksten (p tag) navnet "indent" (du kan bruke et annet navn). Resten av koden legger til funksjonen i "polstring" -området til venstre side av avsnittet.
    • Nå, tilbake til hoveddelen av HTML-dokumentet. Når du vil innrykk et avsnitt (fremdeles "innrykk" i dette eksemplet), sett avsnittet i denne koden:

    • For å justere innrykkavstanden, endre tallet "1.8" i CSS-koden. Hold "em" bak da dette er lengdenheten som er knyttet til skriftstørrelsen.
    annonse

Metode 2 av 2: Sett opp lengre hull

  1. Bruk forhåndsformaterte koder. Hvilken som helst tast rom god ↵ Gå inn er lagt inn på kortet

    vises nøyaktig slik du skriver. Du kan også bruke denne koden til å presentere eksempler, dikt eller annen tekst som krever høy presisjon for å presentere avstand og linjeskift.

    • Den største ulempen med forhåndsformaterte kort er bredden. I motsetning til vanlig HTML blir størrelsen på den forhåndsformaterte teksten ikke endret slik at den passer til brukerens vindusstørrelse.
  2. Lag et linjeskift. Kort
    vil avslutte den nåværende tekstlinjen. Du kan opprette blanke linjer ved hjelp av flere linjeskiftmerker. For studenter som ikke har HTML, er dette en god tilnærming, men hvis du har lært CSS, anbefales ikke dette obligatoriske HTML-formatet.
  3. Identifiser avsnittet med "p" -koden. Merkelappen rundt teksten identifiserer det avsnittet. De fleste nettlesere vil skille avsnittet med en tom linje, men du kan ikke garantere et konsistent format for teksten. annonse

Råd

  • Når du sist sjekker skjermen på websiden din, og hvis du ser overflødige tegn i en uvanlig posisjon rundt kodebiten, må du sjekke om det er noen ufullstendige koder, for eksempel <> i stedet for
    .
  • CSS er et mer kraftfullt og proaktivt verktøy for å presentere websider, inkludert mellomrom for tekst.
  • Begrens plutselige mellomrom bak en åpen tagg eller foran en lukket tag. For eksempel bør du skrive mellomrom Opplæringen ikke Spaces Opplæringen .
  • Uforgjengelig plass er et eksempel på et entitetstegn: koden som representerer et tegn som du ikke kan skrive inn fra tastaturet.

Advarsel

  • HTML-attributtet representerer nøkkelen Fanen ↹ Egentlig ikke så effektiv som du kanskje tror. Et standard HTML-dokument har ikke tabulatorstopp, så fanetegnet har ingen effekt.
  • Skriv alltid HTML-språket i en kodeditor eller ren tekstfil, ikke bruk tekstfilhåndteringsformater. Hvis mellomrommene dine blir rare tegn i nettleseren din, skyldes det mest sannsynlig overflødig data lagt til av tekstbehandleren, som ikke er ment for online visning.