Linia roșie.Identificați indentarea în HTML

Când proiectați anumite texte sau chiar tabele, webmasterii trebuie să se ocupe de o astfel de problemă, cum ar fi proiectarea de linii roșii, linii în text. Se pare că totul este simplu - copiați textul în câmpul dorit și că indicele va fi creat automat. Dar, din păcate, nu totul este atât de simplu. Deci, să ne dăm seama cum să formatați corect textul astfel încât acesta să pară frumos și eficient și să învețe cum puteți să indentați codul HTML.

Metoda unu

Să începem cu cea mai simplă, dar în același timp indoneziană. Pentru a rezolva această problemă, utilizați codul spațiului - -. Folosind-o la începutul paragrafului de mai multe ori, veți obține indentația de care aveți nevoie.

Avantajele acestei metode sunt că acest cod este citit de orice browser. Dezavantajul este că va trebui să introduceți spații lungi și plictisitoare în textul pe care îl selectați. Această metodă este potrivită pentru cei care își încep cunoștința cu HTML. Rândurile din tabel pot fi făcute și în acest fel.

Metoda a doua

Cea de-a doua cale este de indentare utilizând eticheta asociată

Este mai ușor decât în ​​primul caz. Problema este însă că această etichetă are numai 40 de pixeli, în plus, când o folosești, linia este așezată nu numai spre stânga, ci și spre dreapta, de sus și chiar de jos. Pentru text nu este întotdeauna frumos, pentru un tabel o astfel de modalitate de a indent HTML va fi mult mai eficient.

Dacă doriți să selectați frumos un bloc de informații - această etichetă va funcționa, dacă nu - vă sfătuim să utilizați prima metodă sau să vă uitați la celelalte două.

Metoda trei

Înlocuim un cuvânt ale cărui litere au aceeași culoare ca și fundalul, adică la începutul fiecărui paragraf introducem cuvântul invizibil. Deci, este ușor de indentat. HTML vă permite să scrieți un cod special o dată și să îl lipiți la începutul fiecărui paragraf.

Da, soluția nu este rea, dar dacă site-ul dvs. are o imagine de fundal sau o imagine? În acest fel nu va funcționa aici. Și, în plus, când se va scoate acest cuvânt va fi văzut. Și rețineți că acest cod va fi disponibil pentru toți utilizatorii de Internet. În acest caz, prin vizualizarea codului sursă al paginii dvs., utilizatorii pot rămâne în pierdere. Prin urmare, este recomandabil să folosiți etichete speciale pentru indentare. De asemenea, rețineți că o astfel de opțiune nu este în întregime potrivită pentru tabele, deși poate fi utilizată pentru formatarea textului.

Metoda Patru

Și, în cele din urmă, ultimele moduri de indentare a textului. În HTML, acest lucru se poate face cu două etichete simple. Și cel mai simplu mod de a face un paragraf este de a folosi o grămadă de două etichete - < br> < dd>.

Prima etichetă deplasează textul pe o linie nouă, formând un paragraf. Cel de-al doilea servește drept tabel, adică pune o linie roșie. După cum puteți vedea, totul este destul de simplu și de înțeles. În plus, o astfel de înregistrare va fi înțeleasă de majoritatea utilizatorilor care s-au uitat la site-ul dvs. și sunt interesați de codul său.

Utilizați această combinație este ușor, deși trebuie introdusă manual la începutul fiecărui paragraf. Dar ce să facem, nu toți editori au capacitatea de a formata frumos și corect textul.

Am nevoie de o etichetă paragraf?

În cele din urmă, hai să vorbim puțin despre etichetă < p>. De obicei este folosit pentru a defini începutul unui nou paragraf în text. Este adevărat că atunci când utilizați această etichetă nu este salvată linia roșie din paragraf, dar există o indentare între paragrafe.

În majoritatea țărilor europene, acest design este acceptat în general, dar ne potrivește? Suntem obișnuiți cu prezența liniilor roșii și ne întrebăm adesea cum să aranjăm o liniuță în HTML, pe lângă faptul că nu este întotdeauna convenabil să citiți textul formatat în acest fel.

Dacă doriți să faceți textul mai familiar și ușor de înțeles, vă recomandăm să renunțați la etichetă < p> și înlocuiți-l cu o grămadă < br> < dd>. Crede-mă, va fi mult mai frumos și mai elegant decât să ai linii goale între paragrafe. Și astfel puteți economisi spațiu pe ecran.

constatări

Deci, eu și cu mine am învățat să facem indiciile. După cum sa dovedit, acest lucru nu este atât de dificil. Principalul lucru este să cunoașteți câteva etichete și coduri utile și să aveți și răbdarea și timpul liber pentru a le aranja.

Puteți indent HTML în mai multe moduri. Am analizat fiecare dintre ele, evidențiind avantajele și dezavantajele acestora. De asemenea, a vorbit despre etichetă < p> nu este întotdeauna la fel de utilă cum ne-ar plăcea.