HTML (Lugha ya Markup ya HyperText) hutoa vitambulisho sita maalum vya kuonyesha vichwa vya viwango tofauti. Zote zina vigezo chaguomsingi (saizi na mtindo wa fonti, kiasi cha vipengee kutoka kwa vitu vya awali na vifuatavyo, nk.). Chaguzi hizi zinaweza kubatilishwa kwa kutumia maagizo ya CSS (Karatasi za Sinema za Kuacha) na hivyo kubadilisha muonekano wa vichwa kwenye maandishi ya ukurasa wa wavuti.
Maagizo
Hatua ya 1
Weka vichwa vya viwango tofauti kati ya vitambulisho vinavyofanana vya ufunguzi na kufunga, ikiwa havijafanywa tayari katika nambari ya chanzo ya ukurasa wa wavuti. Kwa mfano, kichwa muhimu zaidi (kiwango cha kwanza) kinapaswa kuwa kati ya vitambulisho
na
:
Kichwa cha ngazi ya kwanza
Kichwa kidogo kijacho cha muhimu zaidi kinapaswa kuwekwa kati ya vitambulisho
na
na kadhalika. Ya mwisho ya viwango vilivyoonekana ni ya sita -
na
Hatua ya 2
Weka sehemu ya kichwa cha msimbo wa chanzo (kati ya vitambulisho na lebo) taarifa inayoambia kivinjari cha mgeni kwamba kuna maelezo ya mitindo katika CSS mahali hapa:
/ * Maagizo ya CSS yatakuwa hapa * /
Hatua ya 3
Kati ya vitambulisho vya mtindo wa kufungua na kufunga, ongeza maelezo ya mitindo kwa vichwa vya kila ngazi unayotaka kubadilisha muonekano wake. Kwa mfano, ikiwa unahitaji kubadilisha muonekano wa vichwa vya kiwango cha kwanza, basi nambari hii inaweza kuonekana kama hii:
h1 {
rangi: Nyekundu;
saizi ya fonti: 20px;
mtindo wa fonti: italiki;
font-uzito: ujasiri;
margin-juu: 30px;
chini-chini: 20px;
}
Hapa, h1 inaonyesha kwamba maelezo katika braces curly inahusu tag h1 na inaitwa "selector". Kigezo cha rangi huweka rangi ya maandishi, parameter ya saizi ya fonti ni saizi ya fonti, mtindo wa fonti na thamani ya italiki ni typeface ya maandishi, uzito wa font na dhamira ya ujasiri ni ujasiri, margin-top ni juu margin, na margin-chini ni margin ya chini. Kwa vichwa vya kiwango cha pili, ongeza kizuizi sawa na kiteuzi cha h2, n.k.
Hatua ya 4
Tumia sintaksia fupi ikiwa kuna viwango vingi vya kuelezea. Kwa mfano, maelezo ya fonti yanaweza kuwekwa katika parameter moja, na pia maelezo ya saizi za ujazo. Mfano:
h1 {
rangi: Nyekundu;
font: ujasiri 20px arial;
margin: 30px 0 20px 0;
}
h2 {
rangi: Orange;
font: ujasiri 18px arial;
margin: 25px 0 15px 0;
}
Katika kigezo cha pambizo, kingo lazima ziainishwe kwa saa, kuanzia kando ya juu, kupitia nafasi (juu kulia chini kushoto).
