HTML (HyperText Markup Language) bied ses spesiale etikette vir die vertoon van opskrifte van verskillende vlakke. Almal het standaardparameters (grootte en styl van die lettertipe, die hoeveelheid inspringings van die vorige en volgende elemente, ens.). Hierdie opsies kan oorbrug word met behulp van CSS-instruksies (Cascading Style Sheets) en sodoende die voorkoms van opskrifte in die teks van 'n webblad verander.
Instruksies
Stap 1
Plaas opskrifte van verskillende vlakke tussen die ooreenstemmende begin- en sluitkodes, as dit nog nie in die bronkode van die webblad gedoen is nie. Die belangrikste opskrif (eerste vlak) moet byvoorbeeld tussen die etikette wees
en
:
Opskrif op die eerste vlak
Die volgende belangrikste vlakopskrif moet tussen etikette geplaas word
en
ens. Die laaste van die voorgestelde vlakke is die sesde -
en
Stap 2
Plaas in die kopstuk van die bronkode (tussen die en die etikette) 'n verklaring wat die besoeker se blaaier vertel dat daar 'n beskrywing is van die style in CSS op hierdie plek:
/ * CSS-instruksies sal hier wees * /
Stap 3
Tussen die aanvangs- en afsluitstyletikette, voeg stylbeskrywings by vir die opskrifte van elke vlak waarop u die voorkoms wil verander. As u byvoorbeeld net die voorkoms van die opskrifte op die eerste vlak hoef te verander, kan hierdie kode soos volg lyk:
h1 {
kleur: Rooi;
lettergrootte: 20 px;
lettertipe: kursief;
font-gewig: vet;
marge-top: 30px;
marge-onderkant: 20px;
}
Hier dui h1 aan dat die beskrywing in krullerige hakies na die h1-tag verwys en 'n "selector" genoem word. Die kleurparameter stel die kleur van die teks in, die lettergrootte-parameter is die lettergrootte, die fontstyl met die kursiewe waarde is die kursiewe lettertipe, die fontgewig met die vetdruk is vet, die rand bo is die top marge en marge-onder is die onderste marge. Vir opskrifte op die tweede vlak, voeg 'n soortgelyke blok met 'n H2-keurder, ens.
Stap 4
Gebruik die kortstaansintaksis as daar baie vlakke is om te beskryf. Lettertipe-beskrywings kan byvoorbeeld in een parameter geplaas word, sowel as beskrywings van inkepinggroottes. Voorbeeld:
h1 {
kleur: Rooi;
lettertipe: vet 20px arial;
marge: 30px 0 20px 0;
}
h2 {
kleur: Oranje;
lettertipe: vet 18px arial;
marge: 25px 0 15px 0;
}
In die marge-parameter moet die marges kloksgewys gespesifiseer word, vanaf die boonste marge, deur middel van 'n spasie (regs bo links onder).
