HTML (HyperText Markup Language) ар кандай деңгээлдеги аталыштарды көрсөтүү үчүн алты атайын тег менен камсыз кылат. Алардын баарында демейки параметрлер бар (шрифттин көлөмү жана стили, мурунку жана кийинки элементтерден чегинүүлөрдүн көлөмү ж.б.). Бул параметрлерди CSS нускамаларын (Cascading Style Sheets) колдонуу менен жокко чыгарууга болот жана ошону менен веб-баракчанын текстиндеги аталыштардын көрүнүшүн өзгөртө аласыз.
Нускамалар
1 кадам
Тийиштүү ачылуучу жана жабылуучу тегдердин ортосунда ар кандай деңгээлдеги рубрикаларды жайгаштырыңыз, эгерде веб-баракчанын баштапкы кодунда али иштелип чыкпаса. Мисалы, эң маанилүү аталыш (биринчи деңгээл) тегдердин ортосунда болушу керек
жана
:
Биринчи деңгээлдеги аталыш
Кийинки эң маанилүү деңгээлдеги суб-аталыш тегдердин арасына коюлушу керек
жана
жана башкалар. Болжолдонгон деңгээлдердин акыркысы алтынчы -
жана
2-кадам
Булак кодунун баш бөлүгүнө (жана тегдердин аралыгында) бул жерде CSSтеги стилдердин сүрөттөлүшү бар экендигин билдирүүчү билдирүүнү жайгаштырыңыз:
/ * CSS көрсөтмөлөрү бул жерде болот * /
3-кадам
Ачылуучу жана жабылуучу стилдеги тегдердин ортосунда, көрүнүшүн өзгөрткүңүз келген ар бир деңгээлдеги аталыштар үчүн стил сүрөттөмөлөрүн кошуңуз. Мисалы, биринчи деңгээлдеги аталыштардын көрүнүшүн гана өзгөртүү керек болсо, анда бул код төмөнкүдөй болушу мүмкүн:
h1 {
Кызыл түс;
ариптин көлөмү: 20px;
арип стили: курсив;
font-weight: bold;
margin-top: 30px;
margin-bottom: 20px;
}
Бул жерде, h1, тармал кашаадагы сыпаттама h1 тегине таандык экендигин жана "селектор" деп аталаарын көрсөтөт. Color параметр тексттин түсүн белгилейт, ариптин өлчөмү - ариптин өлчөмү, курсивдик мааниси бар ариптин стили - курсивдик шрифт, шрифттин салмагы - калың, margin-top - жогору маржа, ал эми маржа-астыңкы бөлүгү - төмөнкү чек. Экинчи деңгээлдеги аталыштар үчүн, h2 селектору бар ушул сыяктуу блокту кошуңуз ж.б.
4-кадам
Эгерде сүрөттөө үчүн көптөгөн деңгээлдер болсо, анда стенографиялык синтаксисти колдонуңуз. Мисалы, шрифттин сүрөттөлүшү бир параметрге жайгаштырылышы мүмкүн, ошондой эле чегинүү көлөмүнүн сүрөттөмөсү. Үлгү:
h1 {
Кызыл түс;
арип: bold 20px arial;
маржа: 30px 0 20px 0;
}
h2 {
түс: кызгылт сары;
арип: bold 18px arial;
маржа: 25px 0 15px 0;
}
Маржа параметринде, чектер сааттын жебеси боюнча, жогорку чектен баштап, боштук аркылуу көрсөтүлүшү керек (жогорку оң, сол сол).
