Good Mood

Există diferite metode de crestarea text. Cu toate acestea, pentru compatibilitatea cu mai multe browsere și accesibilitate, discutăm cele mai populare metode de indentare a textului pe pagina dvs. web.

metoda recomandată cu CSS & HTML

pentru indentarea textului sau a unui paragraf, metoda cea mai frecvent utilizată și recomandată ar fi utilizarea CSS. Mai jos sunt diferite exemple despre modul în care CSS poate indenta textul., Fiecare dintre aceste exemple ar fi plasat între <cap></capul> tag-uri HTML.

următorul exemplu ar crea o clasă de stil numită ” tab ” care indentează textul și punctul 40 pixeli din stânga.

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

Odată ce codul de mai sus este în <cap> secțiune, puteți să-l utilizați prin adăugarea-l la alin. (<p>) tag-uri, ca în figură.,

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

inclusiv CSS în documentul HTML, așa cum se arată mai sus, este menționată ca „în linie” CSS. Este util pentru a face rapid schimbări, dar pe termen lung, este dificil să se schimbe mai târziu.

în schimb, puteți lua tot codul CSS și plasați-l un fișier separat, cu extensia .css. Apoi, vă puteți conecta la acest fișier din orice document HTML, iar acel document poate utiliza acele proprietăți CSS. Folosind un fișier CSS extern face mai ușor pentru a schimba CSS mai târziu, deoarece toate CSS este definit într-un singur loc.

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

odată ce acest lucru .,css fișier este creat, editați fișierul și adăugați același cod CSS, cu excepția <stil> și comentariu tag-uri în ea, așa cum se arată.

.tab { margin-left: 40px; }

în cele din Urmă, după pașii de mai sus sunt finalizate, puteți fila orice text folosind aceeași < class=”tab-ul”> exemplu am arătat mai sus.

există și alte forme de indentare. De exemplu, dacă doriți doar să indentați prima linie a unui paragraf, în loc să utilizați linia CSS de mai sus, ați folosi următoarea linie.,

.tab { text-indent:40px }

metoda recomandată folosind HTML

este posibil să se obțină aceleași rezultate de mai sus, cu un stil inline în HTML., În timp ce utilizați exemplul CSS de mai sus poate face mai ușor de întreținut pe mai multe pagini web, dacă aveți nevoie să utilizați un stil doar o singură dată puteți utiliza următorul exemplu.

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

În acest prim exemplu, tot textul din eticheta paragrafului este indentat la 40 de pixeli din stânga. Orice alte etichete de paragraf nu sunt indentate.

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

În acest al doilea exemplu, numai prima linie de text din paragraf va fi indentat 40 de pixeli la stânga. Orice linii suplimentare de text din paragraful respectiv nu sunt indentate.,

metodă Alternativă

o Altă comună (dar incorectă) metoda de crestarea text este cu <blockquote> tag-uri, așa cum se arată în următorul exemplu., Deși aceasta este o soluție mai ușoară, introduce probleme de accesibilitate. Această etichetă este pentru citarea textului și nu pentru indentare.

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