Najčešće se za određivanje veličine uvlaka na HTML-stranicama koriste mogućnosti CSS jezika (Cascading Style Sheets). Iako u samom HTML jeziku postoji nekoliko "osnovnih" ostataka, koji u nekim slučajevima omogućuju postavljanje uvlačenja. Ispod su opcije koje se najčešće koriste, ali pored njih postoji još dosta različitih vrsta trikova koji vam omogućavaju postavljanje uvlaka za nestandardno označavanje HTML dokumenata.
Neophodno je
Osnovno znanje HTML i CSS jezika
Instrukcije
Korak 1
Odredite element stranice od kojeg se uvlači. Na primjer, ako je tekst smješten unutar oznake … (blok), tada će ovaj blok biti nadređeni element za ovaj tekst, a uvlaka se treba računati od granica bloka. A ako se tekst (ili slika) ne nalazi ni u jednom bloku (div, li, itd.) Ili u umetnutim (span, p, itd.) Elementima, tada će njegov roditelj biti tijelo dokumenta (body tag). Definiranje nadređenog elementa za tekst je neophodno jer je on taj koji treba postaviti opise stilova koji čine uvlake. Pretpostavimo da je vaš tekst smješten unutar div bloka: Uzorak teksta
Korak 2
Koristite svojstvo margine CSS jezika za postavljanje margina, odnosno udaljenost od granica elementa do susjednih elemenata, kao i do granica nadređenog elementa. Ovu udaljenost možete podesiti za obloge sa svake strane: margina-gore - gore, margina-desno - desno, margina-dno - odozdo, margina-lijevo - lijevo. Za gornji primjer, ovaj css kôd može izgledati ovako: div {
margin-top: 10px;
margina-desno: 15 piksela;
margin-bottom: 40px;
margina-lijevo: 70px;
} Ovdje je "div" selektor koji navodi da ovaj stil treba primijeniti na sve div-ove u kodu dokumenta. CSS sintaksa omogućava kombiniranje sve četiri linije u jednu: div {
marža: 10px 15px 40px 70px;
} Vrijednosti uvlaka moraju se uvijek navesti ovim redoslijedom: prvo - na vrhu, zatim - s desne, donje i lijeve strane. Ako su uvlake na svim stranama jednake, tada je dovoljno navesti vrijednost jednom: div {
marža: 70px;
} Pored toga, možete postaviti plutajuću vodoravnu marginu (to jest lijevu i desnu). Ovo može biti vrlo korisno kada trebate postaviti blok zadane širine tačno u središte prozora pregledača. Preglednik sam automatski određuje koliko uvlačenja trebaju biti s obje strane ako napišete sljedeći CSS izraz: div {
marža: 0 auto;
}
Korak 3
Koristite svojstvo padding da postavite padding, što je udaljenost od granice elementa do bilo kojih elemenata smještenih unutar njega, uključujući tekst. Sintaksa za ovo svojstvo potpuno je ista kao i za svojstvo margin: div {
obloga: 10px;
popunjavanje-desno: 15px;
donji dio: 40px;
popunjavanje-lijevo: 70px;
} Ili div {
popunjavanje: 10px 15px 40px 70px;
}
Korak 4
Koristite svojstvo uvlačenja teksta da biste postavili dodatno uvlačenje za prvi redak svakog odlomka teksta. Na primjer: div {
uvlačenje teksta: 80px;
}
Korak 5
Upotrijebite atribute hspace i vspace HTML img oznake da postavite vodoravno i okomito uvlačenje sa slike na vanjske elemente. Na primjer, ovako:
Korak 6
Upotrijebite atribut cellpadding oznake tablice ako trebate uvlačenje od granica ćelija u tablici postaviti na njihov sadržaj. A atribut cellpacing postavlja razmak između ćelija tablice. Na primjer:
| 1 | 2 |
