HTML (HyperText Markup Language) әр түрлі деңгейдегі тақырыптарды көрсетуге арналған алты арнайы тегті ұсынады. Олардың барлығында әдепкі параметрлер бар (қаріптің өлшемі мен стилі, алдыңғы және келесі элементтерден шегіністер мөлшері және т.б.). Бұл опцияларды CSS нұсқауларының көмегімен өзгертуге болады (каскадтық стильдер кестелері), осылайша веб-парақтың мәтініндегі тақырыптардың көрінісін өзгертеді.
Нұсқаулық
1-қадам
Сәйкес ашылатын және жабылатын тегтер арасында әр түрлі деңгейлердің тақырыптарын орналастырыңыз, егер ол веб-парақтың бастапқы кодында жасалмаған болса. Мысалы, маңызды тақырып (бірінші деңгей) тегтер арасында болуы керек
және
:
Бірінші деңгей тақырыбы
Келесі маңызды деңгейлік тақырыпшаны тегтер арасында орналастыру керек
және
тағыда басқа. Болжалды деңгейлердің соңғысы алтыншы болып табылады -
және
2-қадам
Бастапқы кодтың тақырыптық бөлігіне (және тегтер арасында) келушінің браузеріне CSS-те стильдердің сипаттамасы осы жерде болатындығы туралы мәлімдеме қойыңыз:
/ * CSS нұсқаулары осында болады * /
3-қадам
Ашылатын және жабылатын стиль тегтері арасында түрін өзгерткіңіз келетін әр деңгейдің тақырыптары үшін стиль сипаттамаларын қосыңыз. Мысалы, егер сізге тек бірінші деңгейлік тақырыптардың көрінісін өзгерту қажет болса, онда бұл код келесідей болуы мүмкін:
h1 {
түс: қызыл;
қаріп өлшемі: 20px;
қаріп стилі: курсив;
қаріп салмағы: қалың;
жоғарғы жиек: 30px;
шеткі-төменгі: 20px;
}
Мұндағы h1, бұйра жақшалардағы сипаттама h1 тегіне сілтеме жасайтынын және «селектор» деп аталатынын көрсетеді. Түс параметрі мәтіннің түсін белгілейді, қаріп өлшемі параметрі - қаріп өлшемі, қаріп стилі - көлбеу мән, көлбеу қаріп, қаріп салмағы - қалың, шеті - жоғарғы маржа, ал маржа-астыңғы бөлігі - төменгі шеттік. Екінші деңгей тақырыптары үшін h2 селекторы бар ұқсас блокты қосыңыз және т.б.
4-қадам
Сипаттау үшін көптеген деңгейлер болса, стенографиялық синтаксисті қолданыңыз. Мысалы, шрифт сипаттамаларын бір параметрге орналастыруға болады, сонымен қатар шегініс өлшемдерінің сипаттамалары. Үлгі:
h1 {
түс: қызыл;
қаріп: қалың 20px ариал;
маржа: 30px 0 20px 0;
}
h2 {
түсі: қызғылт сары;
қаріп: қалың 18px ариал;
маржа: 25px 0 15px 0;
}
Шет параметрінде шеттер жоғарғы жиектен бастап сағат тілімен бос орын арқылы (жоғарғы оң жақ төменгі сол жақта) көрсетілуі керек.
