Më shpesh, për të specifikuar madhësinë e dhëmbëzimeve në faqet HTML, përdoren aftësitë e gjuhës CSS (Fletët e stilit Cascading). Edhe pse në vetë gjuhën HTML ka disa mbetje "rudimentare", duke lejuar në disa raste të vendosin indentation. Më poshtë janë opsionet që përdoren më shpesh, por përveç tyre ka akoma shumë lloje të ndryshme trukesh që ju lejojnë të vendosni indentacione për shënjimin jo-standard të dokumenteve HTML.
Është e nevojshme
Njohuri themelore të gjuhëve HTML dhe CSS
Udhëzimet
Hapi 1
Përcaktoni elementin e faqes nga i cili duhet të futet. Për shembull, nëse teksti vendoset brenda etiketës … (bllok), atëherë ky bllok do të jetë elementi mëmë për këtë tekst dhe dhëmbëzimi duhet të numërohet nga kufijtë e bllokut. Dhe nëse teksti (ose imazhi) nuk ndodhet brenda ndonjë elementi bllok (div, li, etj.) Ose të brendshëm (hapësira, p, etj.), Atëherë prindi i tij do të jetë trupi i dokumentit (etiketa e trupit). Përcaktimi i një elementi prind për tekstin është i domosdoshëm sepse është ai që ka nevojë të vendosë përshkrimet e stileve që formojnë indentet. Le të supozojmë që teksti juaj është vendosur brenda një blloku div: Shembull teksti
Hapi 2
Përdorni vetinë e margjinës së gjuhës CSS për të vendosur kufijtë, domethënë distancën nga kufijtë e një elementi te elementet ngjitur, si dhe te kufijtë e elementit prind. Kjo distancë mund të caktohet veçmas për mbushjen në secilën anë: margin-top - në krye, margin-right - në të djathtë, margin-bottom - në fund, margin-majtas - në të majtë. Për shembullin e mësipërm, ky kod css mund të duket kështu: div {
margin-top: 10px;
kufiri-djathtas: 15px;
margin-fund: 40px;
diferencë-majtas: 70px;
} Këtu "div" është një selektor që specifikon që ky stil duhet të zbatohet për të gjitha divët në kodin e dokumentit. Sintaksa CSS ju lejon të kombinoni të katër linjat në një: div {
diferencë: 10px 15px 40px 70px;
} Vlerat e indenteve duhet të specifikohen gjithmonë me këtë renditje: së pari - në krye, pastaj - në të djathtë, në fund dhe në të majtë. Nëse dhëmbëzat janë të njëjta në të gjitha anët, atëherë mjafton të specifikoni vlerën një herë: div {
diferencë: 70px;
} Për më tepër, mund të vendosni një diferencë horizontale lundruese (domethënë, majtas dhe djathtas). Kjo mund të jetë shumë e dobishme kur duhet të vendosni një bllok me një gjerësi të caktuar pikërisht në qendër të dritares së shfletuesit. Vetë shfletuesi përcakton automatikisht se sa dhëmbëzim duhet të jetë në të dy anët, nëse shkruani deklaratën e mëposhtme CSS: div {
diferencë: 0 auto;
}
Hapi 3
Përdorni vetinë e mbushjes për të vendosur mbushjen, e cila është distanca nga kufiri i një elementi në çdo element të vendosur brenda tij, përfshirë tekstin. Sintaksa për këtë pronë është saktësisht e njëjtë me atë të margjinës: div {
mbushja e sipërme: 10px;
mbushja djathtas: 15px;
mbushje-fund: 40px;
mbushje-majtas: 70px;
} Ose div {
mbushje: 10px 15px 40px 70px;
}
Hapi 4
Përdorni vetinë text-indent për të vendosur dhëmbëzimin shtesë për rreshtin e parë të secilit paragraf të tekstit. Për shembull: div {
teksti-indent: 80px;
}
Hapi 5
Përdorni atributet hspace dhe vspace të etiketës HTML img për të vendosur përkatësisht prerjen horizontale dhe vertikale nga figura te elementet e jashtme. Për shembull, si kjo:
Hapi 6
Përdorni atributin e shtresës së qelizave të etiketës së tabelës nëse keni nevojë të vendosni prerjen nga kufijtë e qelizave në tabelë në përmbajtjen e tyre. Dhe atributi i hapësirës së qelizave vendos hapësirën midis qelizave të tabelës. Për shembull:
| 1 | 2 |
