HTML (HyperText Markup Language) müxtəlif səviyyəli başlıqları göstərmək üçün altı xüsusi etiketi təmin edir. Hamısının standart parametrləri var (şriftin ölçüsü və tərzi, əvvəlki və sonrakı elementlərdən girintilərin miqdarı və s.). Bu seçimlər CSS təlimatları (Cascading Style Sheets) istifadə edərək ləğv edilə bilər və beləliklə bir veb səhifənin mətnindəki başlıqların görünüşünü dəyişdirə bilər.
Təlimat
Addım 1
Veb səhifənin mənbə kodunda hələ edilməyibsə, müvafiq açılış və bağlanma etiketi arasında müxtəlif səviyyəli başlıqları yerləşdirin. Məsələn, ən vacib başlıq (birinci səviyyə) etiketlər arasında olmalıdır
və
:
Birinci səviyyə başlığı
Növbəti ən vacib səviyyəli alt başlıq etiketlər arasında yerləşdirilməlidir
və
və s. Gözlənilən səviyyələrin sonuncusu altıncıdır -
və
Addım 2
Mənbə kodunun başlıq hissəsində (və etiketlər arasında) ziyarətçinin brauzerində bu yerdə CSS-də üslubların təsviri olduğunu bildirən bir açıqlama yerləşdirin:
/ * CSS təlimatları burada olacaq * /
Addım 3
Açılış və bağlanma üslub etiketləri arasında, görünüşünü dəyişdirmək istədiyiniz hər səviyyənin başlıqları üçün stil təsvirləri əlavə edin. Məsələn, yalnız birinci səviyyəli başlıqların görünüşünü dəyişdirməlisinizsə, bu kod belə görünə bilər:
h1 {
rəng: qırmızı;
şrift ölçüsü: 20px;
şrift tərzi: kursiv;
şrift ağırlığı: qalın;
margin-top: 30px;
margin-bottom: 20px;
}
Burada h1, qıvrım mötərizədəki təsvirin h1 etiketinə istinad etdiyini və "seçici" adlandırıldığını göstərir. Rəng parametri mətnin rəngini təyin edir, şrift ölçüsü parametri şrift ölçüsü, italik dəyəri olan şrift üslubu şrift şrifti, qalın dəyəri olan şrift ağırlığı qalın, yuxarı hissə yuxarıdır margin və margin-bottom alt haşiyəsidir. İkinci səviyyə başlıqları üçün h2 seçici ilə oxşar bir blok əlavə edin və s.
Addım 4
Təsvir etmək üçün çox səviyyələr varsa, stenoqrafiya sintaksisindən istifadə edin. Məsələn, şrift təsvirləri girinti ölçülərinin təsvirləri ilə yanaşı bir parametrdə yerləşdirilə bilər. Nümunə:
h1 {
rəng: qırmızı;
şrift: qalın 20px arial;
margin: 30px 0 20px 0;
}
h2 {
rəng: narıncı;
şrift: qalın 18px arial;
margin: 25px 0 15px 0;
}
Haşiyə parametrində, haşiyələr yuxarı hüduddan başlayaraq bir boşluqdan (yuxarı sağ alt soldan) saat istiqamətində göstərilməlidir.
