HTML (HyperText Markup Language) har xil darajadagi sarlavhalarni ko'rsatish uchun oltita maxsus teglarni taqdim etadi. Ularning barchasi standart parametrlarga ega (shriftning kattaligi va uslubi, oldingi va keyingi elementlarning indentlari miqdori va boshqalar). Ushbu parametrlarni CSS yo'riqnomalari (Cascading Style Sheets) yordamida bekor qilish va shu bilan veb-sahifa matnidagi sarlavhalarning ko'rinishini o'zgartirish mumkin.
Ko'rsatmalar
1-qadam
Tegishli ochilish va yopish teglari orasida turli darajadagi sarlavhalarni joylashtiring, agar veb-sahifaning manba kodida bajarilmagan bo'lsa. Masalan, eng muhim sarlavha (birinchi daraja) teglar orasida bo'lishi kerak
va
:
Birinchi darajadagi sarlavha
Keyingi eng muhim darajadagi pastki sarlavha teglar orasiga joylashtirilishi kerak
va
va boshqalar. Ko'zda tutilgan darajalarning oxirgisi oltinchi -
va
2-qadam
Manba kodining sarlavha qismiga (va teglar orasida) tashrif buyuruvchining brauzerida CSS-dagi uslublarning tavsifi borligini aytadigan bayonotni joylashtiring:
/ * CSS ko'rsatmalari shu erda bo'ladi * /
3-qadam
Ochilish va yopilish uslubi teglari orasida ko'rinishini o'zgartirmoqchi bo'lgan har bir darajadagi sarlavhalar uchun uslub tavsiflarini qo'shing. Masalan, agar siz faqat birinchi darajadagi sarlavhalarning ko'rinishini o'zgartirishingiz kerak bo'lsa, unda ushbu kod quyidagicha ko'rinishi mumkin:
h1 {
rang: qizil;
shrift hajmi: 20px;
shrift uslubi: kursiv;
shrift og'irligi: qalin;
margin-top: 30px;
chekka-pastki: 20px;
}
Bu erda h1 jingalak qavslardagi tavsif h1 yorlig'iga tegishli ekanligini va "selektor" deb nomlanishini bildiradi. Rang parametri matn rangini belgilaydi, shrift o'lchami parametri shrift o'lchamini, kursiv qiymati bilan shrift uslubi kursiv shriftni, shrift og'irligi qalin belgi bilan qalin, margin-top tepasini margin, va margin-pastki pastki margin. Ikkinchi darajadagi sarlavhalar uchun h2 selektori bilan o'xshash blokni qo'shing va hokazo.
4-qadam
Agar tavsiflovchi darajalar ko'p bo'lsa, stenografiya sintaksisidan foydalaning. Masalan, shrift tavsiflari bitta parametrga joylashtirilishi mumkin, shuningdek, indent o'lchamlari tavsiflari. Namuna:
h1 {
rang: qizil;
shrift: qalin 20px arial;
hoshiya: 30px 0 20px 0;
}
h2 {
rang: to'q sariq;
shrift: qalin 18px arial;
hoshiya: 25px 0 15px 0;
}
Margin parametrida chekkalarni soat yo'nalishi bo'yicha, yuqori chegaradan boshlab, bo'sh joy (yuqori o'ng pastki chap) orqali belgilash kerak.
