Anbefalt metode med CSS og HTML
For innrykningstekst eller et avsnitt, vil den mest brukte og anbefalte metoden være å bruke CSS. Nedenfor er forskjellige eksempler på hvordan CSS kan brukes til innrykkstekst. Hvert av disse eksemplene vil bli plassert mellom HTML-kodene dine.
Følgende eksempel ville opprette en stil klasse som heter "tab" som strekker inn teksten og avsnitt 40 piksler fra venstre.
Når koden ovenfor er i seksjonen, kan du bruke den til enhver tid ved å legge den til avsnittet ditt (
) tagger som vist.
Eksempel på en fane
Inkludert CSS i HTML-dokumentet, som vist ovenfor, refereres til som "in-line" CSS. Det er nyttig for raskt å gjøre endringer, men i det lange løp er det vanskelig å endre senere.
I stedet kan du ta all din CSS-kode og legge den til en egen fil, med utvidelsen .css. Deretter kan du koble til denne ene filen fra et hvilket som helst HTML-dokument, og det dokumentet kan bruke disse CSS-egenskapene. Bruk av en ekstern CSS-fil gjør det lettere å endre CSS senere, fordi alle CSS er definert på ett sted.
For å koble til din eksterne CSS-fil, legg til følgende linje i HTML-dokumentet ditt i elementet (etter
basic.cssNår denne .css-filen har blitt opprettet, rediger filen og legg til den samme CSS-koden, unntatt og kommentarkoder i den, som vist.
.tab {margin-left: 40px; }
Til slutt, når trinnene ovenfor er fullført, kan du klikke på hvilken som helst tekst ved å bruke det samme
eksempel vi har vist ovenfor.
Det finnes også andre former for innrykk. For eksempel, hvis du bare ønsket å strekke inn den første linjen i et avsnitt, i stedet for å bruke den ovennevnte CSS-linjen, ville du bruke følgende linje.
.tab {tekstinnhold: 40px}
Tips: Du kan også skrive inn en prosentandel. For eksempel, i stedet for innrykk ved 40px (piksler), kan du erstatte innrykket med 5% til innrykk av tekst med 5% av den nåværende visningen. Du kan også bruke et em-mellomrom når du definerer bredden på et innrykk.
Bonus Tips: Du kan også endre fra et venstre innrykk til høyre innrykk ved å endre margin-venstre til margin-høyre.
Anbefalt metode ved hjelp av HTML
Det er mulig å oppnå de samme resultatene ovenfor ved hjelp av en inline-stil i HTML. Når du bruker det ovennevnte CSS-eksemplet, kan det gjøre det enklere å vedlikeholde på tvers av flere websider, hvis du bare trenger å bruke en stil når du kan bruke følgende eksempel.
Denne teksten er innrykket.
I dette første eksemplet er all teksten i avsnittet tag innrykket 40 piksler fra venstre. Alle andre avsnittetiketter er ikke innrykket.
Denne teksten er innrykket.
I dette andre eksempelet vil bare den første linjen med tekst i avsnittet bli innrykket 40 piksler fra venstre. Eventuelle ekstra linjer med tekst i det avsnittet vil ikke være innrykket.
Tips: Du kan også skrive inn en prosentandel. For eksempel, i stedet for innrykk ved 40px (piksler), kan du erstatte innrykket med 5% til innrykk av tekst med 5% av den nåværende visningen. Du kan også bruke et em-mellomrom når du definerer bredden på et innrykk.
Bonus Tips: Du kan også endre fra et venstre innrykk til høyre innrykk ved å endre margin-venstre til margin-høyre.
Alternativ metode
En annen vanlig (men feil) metode for innrykningstekst bruker merkene, som vist i følgende eksempel. Selv om dette er en mye enklere løsning, er det tilgjengelighetsproblemer som kan være forårsaket av å bruke denne løsningen for å strekke inn teksten. Denne taggen er ment for å sitere tekst og ikke for innrykk.
Denne teksten vil være innrykket