Ang HTML (HyperText Markup Language) ay nagbibigay ng anim na espesyal na mga tag para sa pagpapakita ng mga heading ng iba't ibang mga antas. Ang lahat sa kanila ay may mga default na parameter (laki at istilo ng font, ang dami ng mga indent mula sa nauna at susunod na mga elemento, atbp.). Ang mga pagpipiliang ito ay maaaring ma-override gamit ang mga tagubilin sa CSS (Cascading Style Sheets) at sa gayon ay mabago ang hitsura ng mga heading sa teksto ng isang web page.
Panuto
Hakbang 1
Ilagay ang mga heading ng iba't ibang mga antas sa pagitan ng kaukulang pagbubukas at pagsasara ng mga tag, kung hindi pa nagagawa sa source code ng web page. Halimbawa, ang pinakamahalagang heading (unang antas) ay dapat na nasa pagitan ng mga tag
at
:
Heading sa unang antas
Ang susunod na pinakamahalagang antas ng pag-subtitle ay dapat ilagay sa pagitan ng mga tag
at
atbp. Ang huli sa mga nakitang antas ay ang ikaanim -
at
Hakbang 2
Ilagay sa header na bahagi ng source code (sa pagitan ng at mga tag) isang pahayag na nagsasabi sa browser ng bisita na mayroong isang paglalarawan ng mga istilo sa CSS sa lugar na ito:
/ * Narito ang mga tagubilin sa CSS * /
Hakbang 3
Sa pagitan ng mga tag ng istilo ng pagbubukas at pagsasara, magdagdag ng mga paglalarawan ng istilo para sa mga heading ng bawat antas na nais mong baguhin ang hitsura. Halimbawa, kung kakailanganin mo lamang baguhin ang hitsura ng mga heading sa unang antas, maaaring ganito ang hitsura ng code na ito:
h1 {
Kulay pula;
laki ng font: 20px;
font-style: italic;
font-weight: naka-bold;
tuktok ng margin: 30px;
margin-ilalim: 20px;
}
Dito, ipinapahiwatig ng h1 na ang paglalarawan sa mga kulot na tirante ay tumutukoy sa tag na h1 at tinawag itong isang "tagapili". Itinatakda ng parameter ng kulay ang kulay ng teksto, ang parameter na laki ng font ay ang laki ng font, ang font-style na may italic na halaga ay ang italic typeface, ang font-weight na may naka-bold na halaga ay naka-bold, margin-top ay nasa itaas margin, at margin-bottom ay ang ilalim na margin. Para sa mga heading ng pangalawang antas, magdagdag ng isang katulad na bloke sa isang tagapili ng h2, atbp.
Hakbang 4
Gamitin ang shorthand syntax kung maraming mga antas upang ilarawan. Halimbawa, ang mga paglalarawan ng font ay maaaring mailagay sa isang parameter, pati na rin ang mga paglalarawan ng laki ng indent. Sample:
h1 {
Kulay pula;
font: naka-bold 20px arial;
margin: 30px 0 20px 0;
}
h2 {
kulay kahel;
font: naka-bold 18px arial;
margin: 25px 0 15px 0;
}
Sa parameter ng margin, ang mga margin ay dapat na tinukoy na pakaliwa, simula sa tuktok na margin, sa pamamagitan ng isang puwang (itaas na kanang ibaba sa kaliwa).
