Cel mai adesea, pentru a specifica dimensiunea indentărilor în paginile HTML, sunt utilizate capacitățile limbajului CSS (Cascading Style Sheets). Deși în limbajul HTML în sine există mai multe rămășițe „rudimentare”, permițând în unele cazuri să stabilească indentare. Mai jos sunt opțiunile care sunt utilizate cel mai des, dar pe lângă acestea există încă o mulțime de diferite tipuri de trucuri care vă permit să setați indentări pentru marcarea non-standard a documentelor HTML.
Este necesar
Cunoașterea de bază a limbajelor HTML și CSS
Instrucțiuni
Pasul 1
Determinați elementul paginii de la care să indentați. De exemplu, dacă textul este plasat în interiorul etichetei … (bloc), atunci acest bloc va fi elementul părinte pentru acest text și liniuța ar trebui să fie numărată de la marginile blocului. Și dacă textul (sau imaginea) nu se află în niciun bloc (div, li etc.) sau elemente inline (span, p etc.), atunci părintele său va fi corpul documentului (eticheta corpului). Definirea unui element părinte pentru text este necesară, deoarece el trebuie să stabilească descrierile stilurilor care formează indentările. Să presupunem că textul dvs. este plasat într-un bloc div: Exemplu de text
Pasul 2
Utilizați proprietatea marginii limbii CSS pentru a seta margini, adică distanța de la marginile unui element la elementele adiacente, precum și la marginile elementului părinte. Această distanță poate fi setată separat pentru căptușeala de pe fiecare parte: margine sus - sus, margine dreapta - dreapta, margine jos - jos, margine stânga - stânga. Pentru exemplul de mai sus, acest cod CSS ar putea arăta astfel: div {
marginea de sus: 10 px;
margine-dreapta: 15 px;
marginea de jos: 40 px;
margine-stânga: 70px;
} Aici „div” este un selector care specifică faptul că acest stil ar trebui aplicat tuturor divsurilor din codul documentului. Sintaxa CSS vă permite să combinați toate cele patru linii într-o singură: div {
marjă: 10px 15px 40px 70px;
} Valorile indentărilor trebuie să fie întotdeauna specificate în această ordine: mai întâi - în partea de sus, apoi - în dreapta, jos și stânga. Dacă indentările sunt aceleași pe toate părțile, atunci este suficient să specificați valoarea o dată: div {
marja: 70px;
} În plus, puteți seta o marjă orizontală plutitoare (adică la stânga și la dreapta). Acest lucru poate fi foarte util atunci când trebuie să setați un bloc cu o lățime dată exact în centrul ferestrei browserului. Browserul în sine determină automat câtă indentare ar trebui să fie pe ambele părți, dacă scrieți următoarea declarație CSS: div {
marja: 0 auto;
}
Pasul 3
Utilizați proprietatea padding pentru a seta padding, care este distanța de la marginea unui element la orice elemente plasate în interiorul acestuia, inclusiv textul. Sintaxa pentru această proprietate este exact aceeași ca și pentru proprietatea margin: div {
căptușeală: 10 px;
umplutură-dreapta: 15 px;
fund de umplutură: 40 px;
umplutură-stânga: 70px;
} Sau div {
umplutură: 10px 15px 40px 70px;
}
Pasul 4
Utilizați proprietatea indentare text pentru a seta indentarea suplimentară pentru prima linie a fiecărui paragraf de text. De exemplu: div {
text-indent: 80px;
}
Pasul 5
Utilizați atributele hspace și vspace ale etichetei HTML img pentru a seta indentarea orizontală și verticală de la imagine la elementele exterioare, respectiv. De exemplu, astfel:
Pasul 6
Utilizați atributul cellpadding al etichetei tabelului dacă trebuie să setați indentarea de la marginile celulelor din tabel la conținutul lor. Și atributul de spațiu celular setează spațiul dintre celulele tabelului. De exemplu:
| 1 | 2 |
