HTML (HyperText Markup Language) pakub kuut spetsiaalset silti erineva tasemega pealkirjade kuvamiseks. Kõigil neil on vaikeparameetrid (fondi suurus ja stiil, eelmise ja järgmise elemendi taanete arv jne). Neid valikuid saab CSS-i juhiste (kaskaadstiililehed) abil tühistada ja seeläbi muuta pealkirjade välimust veebilehe tekstis.
Juhised
Samm 1
Pange erineva tasemega pealkirjad vastavate avamis- ja sulgemissiltide vahele, kui see pole juba tehtud veebilehe lähtekoodis. Näiteks peaks kõige olulisem pealkiri (esimene tase) olema siltide vahel
ja
:
Esimese taseme pealkiri
Järgmise tähtsaima taseme alamrubriik tuleks asetada siltide vahele
ja
jne. Eeldatavast tasemest viimane on kuues -
ja
2. samm
Pange lähtekoodi päise ossa (ja siltide vahele) lause, mis ütleb külastaja brauserile, et selles kohas on CSS-i stiilide kirjeldus:
/ * CSS-i juhised on siin * /
3. samm
Lisage stiili avamise ja sulgemise vahele stiilikirjeldused iga taseme pealkirja jaoks, mille välimust soovite muuta. Näiteks kui peate muutma ainult esimese taseme pealkirjade välimust, võib see kood välja näha järgmine:
h1 {
värv: punane;
fondi suurus: 20px;
fondi stiil: kursiiv;
fondi kaal: paks;
ülemine äär: 30 pikslit;
alumine serv: 20 pikslit;
}
Siin näitab h1, et lokkis traksidega kirjeldus viitab h1 sildile ja seda nimetatakse "valijaks". Värviparameeter määrab teksti värvi, fondi suuruse parameeter on fondi suurus, kursiivse väärtusega fondi stiil on kursiiv kirjatüüp, rasvase väärtusega fondi kaal on rasvane, ülemine serv marginaal ja marginaal-põhi on alumine veeris. Teise taseme pealkirjade jaoks lisage sarnane plokk h2 valijaga jne.
4. samm
Kui kirjeldamiseks on palju tasemeid, kasutage lühisüntaksi. Näiteks võib fontide kirjeldused paigutada ühte parameetrisse, samuti taande suuruse kirjeldused. Näide:
h1 {
värv: punane;
font: paks 20px arial;
veeris: 30px020px0;
}
h2 {
värvus: oranž;
font: paks 18px arial;
veeris: 25px015px0;
}
Marginaali parameetris tuleb veerised määrata päripäeva, alustades ülemisest veerist läbi tühiku (paremal üleval vasakul vasakul).
