HTML (HyperText Markup Language) vsebuje šest posebnih oznak za prikaz naslovov na različnih ravneh. Vsi imajo privzete parametre (velikost in slog pisave, količina zamikov iz prejšnjih in naslednjih elementov itd.). Te možnosti je mogoče preglasiti z navodili CSS (Cascading Style Sheets) in tako spremeniti videz naslovov v besedilu spletne strani.
Navodila
Korak 1
Postavite naslove različnih ravni med ustrezne odpiralne in zaključne oznake, če tega še niste storili v izvorni kodi spletne strani. Na primer, najpomembnejši naslov (prva raven) mora biti med oznakami
in
:
Naslov prve stopnje
Naslednji najpomembnejši podnaslov ravni naj bo med oznakami
in
itd. Zadnja od predvidenih ravni je šesta -
in
2. korak
V zgornji del izvorne kode (med oznakama in) postavite izjavo, ki brskalniku obiskovalca sporoča, da je na tem mestu opis slogov v CSS:
/ * Navodila za CSS bodo tukaj * /
3. korak
Med oznakami sloga za odpiranje in zapiranje dodajte opise slogov za naslove vsake ravni, ki ji želite spremeniti videz. Če morate na primer spremeniti samo videz naslovov prve stopnje, je lahko ta koda videti tako:
h1 {
barva: rdeča;
velikost pisave: 20px;
slog pisave: ležeče;
teža pisave: krepko;
margin-top: 30 slikovnih pik;
margin-bottom: 20px;
}
Tu h1 označuje, da se opis v kodrastih oklepajih nanaša na oznako h1 in se imenuje "izbirnik". Parameter barve nastavi barvo besedila, parameter velikosti pisave je velikost pisave, slog pisave z ležečo vrednostjo je ležeča pisava, teža pisave s krepko vrednostjo je krepko, margin-top je vrh marža, margin-bottom pa je spodnji rob. Za naslove druge ravni dodajte podoben blok z izbirnikom h2 itd.
4. korak
Če obstaja več stopenj za opis, uporabite okrajšavo. Opise pisav lahko na primer umestimo v en parameter, pa tudi opise velikosti zamikov. Vzorec:
h1 {
barva: rdeča;
pisava: krepko 20px arial;
marža: 30px 0 20px 0;
}
h2 {
barva: oranžna;
pisava: krepko 18px arial;
marža: 25px 0 15px 0;
}
V parametru roba morajo biti robovi podani v smeri urnega kazalca, začenši od zgornjega roba do presledka (zgoraj desno spodaj levo).
