Good Mood

Der er forskellige metoder til indrykning af tekst. Imidlertid, for kompatibilitet med flere bro .sere og tilgængelighed, vi diskuterer de mest populære metoder til indrykning af tekst på din .ebside.

Anbefalede metode med CSS & HTML

For indrykning af tekst eller et afsnit, de mest almindeligt anvendte og anbefalede metode ville være at bruge CSS. Nedenfor er forskellige eksempler på, hvordan CSS kan indrykke tekst., Hver af disse eksempler vil blive placeret mellem dine <chef></head> HTML tags.

følgende eksempel ville skabe en stil klasse med navnet “tab”, indrykker teksten og afsnit 40 pi .els fra venstre.

<style type="text/css"><!-- .tab { margin-left: 40px; }--></style>

Når ovenstående kode i <chef> sektion, kan du bruge det ved at tilføje det til din præmis (<p>), tags, som vist.,

<p class="tab">Example of a tab</p>

inkludering af CSS i dit HTML-dokument, som vist ovenfor, kaldes” In-line ” CSS. Det er nyttigt til hurtigt at foretage ændringer, men i det lange løb er det svært at ændre senere.

i stedet kan du tage al din CSS-kode og placere den en separat fil med udvidelsen .css. Derefter kan du linke til denne ene fil fra ethvert HTML-dokument, og dette dokument kan bruge disse CSS-egenskaber. Ved hjælp af en ekstern CSS-fil gør det lettere at ændre CSS senere, fordi alle CSS er defineret på .t sted.

<link rel="stylesheet" Type="text/css" href="http://www.example.com/basic.css">

Når dette er tilfældet .,css-filen er oprettet, rediger filen og tilføj den samme CSS-kode, undtagen <style> og kommenter tags i den, som vist.

.tab { margin-left: 40px; }

Endelig, når ovenstående trin er afsluttet, kan du under fanen nogen tekst ved hjælp af den samme <p class=”tab”> eksempel vi har vist ovenfor.

Der er også andre former for indrykning. For eksempel, hvis du kun ønskede at indrykke den første linje i et afsnit, i stedet for at bruge ovenstående CSS-linje, ville du bruge følgende linje.,

.tab { text-indent:40px }

anbefalet metode brug af HTML

det er muligt at opnå de samme resultater ovenfor med en inline-stil inden for HTML., Mens du bruger ovenstående CSS eksempel kan gøre det lettere at vedligeholde på tværs af flere webebsider, hvis du har brug for at bruge en stil, når du kan bruge følgende eksempel.

<p style="margin-left: 40px">This text is indented.</p>

i dette første eksempel er al teksten i afsnitskoden indrykket 40 pi .els fra venstre. Eventuelle andre afsnit tags er ikke indrykket.

<p style="text-indent: 40px">This text is indented.</p>

i dette andet eksempel vil kun den første tekstlinje i afsnittet blive indrykket 40 pi .els fra venstre. Eventuelle yderligere tekstlinjer i dette afsnit er ikke indrykket.,

Alternativ metode

en Anden fælles (men forkert) metode af indrykkede tekst med <p> tags, som vist i følgende eksempel., Selvom dette er en lettere løsning, introducerer det tilgængelighedsspørgsmål. Dette mærke er til at citere tekst og ikke til indrykning.

<blockquote>This text would be indented</blockquote>