Najčešće se za određivanje veličine uvlaka na HTML-stranicama koriste mogućnosti CSS jezika (Cascading Style Sheets). Iako u samom jeziku HTML postoji nekoliko "osnovnih" ostataka, koji u nekim slučajevima omogućuju postavljanje uvlačenja. Ispod su opcije koje se najčešće koriste, ali osim njih još uvijek postoji dosta različitih vrsta trikova koji vam omogućuju postavljanje uvlaka za nestandardno označavanje HTML dokumenata.
Nužno je
Osnovno znanje HTML i CSS jezika
Upute
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 elementima (raspon, p, itd.), Tada će njegov roditelj biti tijelo dokumenta (oznaka tijela). Definiranje nadređenog elementa za tekst potrebno je 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
Svojstvo margine CSS jezika postavite za postavljanje margina, odnosno udaljenost od granica elementa do susjednih elemenata, kao i do granica nadređenog elementa. Ova se udaljenost može postaviti zasebno za obloge sa svake strane: margin-top - gore, margin-right - zdesna, margin-bottom - odozdo, margin-left - lijevo. Za gornji primjer ovaj css kôd može izgledati ovako: div {
margin-top: 10px;
margina-desno: 15 piksela;
margina-dno: 40 piksela;
margina-lijevo: 70 piksela;
} Ovdje je "div" selektor koji određuje da se ovaj stil treba primijeniti na sve div-ove u kodu dokumenta. CSS sintaksa omogućuje kombiniranje sve četiri linije u jedan: div {
marža: 10px 15px 40px 70px;
} Vrijednosti uvlaka moraju se uvijek navesti ovim redoslijedom: prvo - na vrhu, a zatim - na desnoj, donjoj i lijevoj strani. Ako su uvlake na svim stranama jednake, tada je dovoljno navesti vrijednost jednom: div {
marža: 70px;
} Uz to možete postaviti plutajuću vodoravnu marginu (to jest lijevu i desnu). To može biti vrlo korisno kada trebate postaviti blok zadane širine točno u središte prozora preglednika. Preglednik sam automatski određuje koliko bi trebalo biti uvlačenja s obje strane, ako napišete sljedeći CSS izraz: div {
marža: 0 auto;
}
3. korak
Svojstvo padding koristite za postavljanje paddinga, š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 {
podmetač: 10px;
popunjavanje-desno: 15 piksela;
donji dio: 40px;
popunjavanje lijevo: 70 piksela;
} Ili div {
popunjavanje: 10px 15px 40px 70px;
}
4. korak
Koristite svojstvo uvlačenja teksta da biste postavili dodatno uvlačenje za prvi redak svakog odlomka teksta. Na primjer: div {
uvlaka teksta: 80 piksela;
}
Korak 5
Upotrijebite atribute hspace i vspace HTML img oznake za postavljanje vodoravnog i okomitog uvlačenja sa slike na vanjske elemente. Na primjer, ovako:
Korak 6
Upotrijebite atribut cellpadding oznake tablice ako želite 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 |
