HTML (Köprü Metni İşaretleme Dili), farklı seviyelerdeki başlıkları görüntülemek için altı özel etiket sağlar. Hepsinin varsayılan parametreleri vardır (yazı tipinin boyutu ve stili, önceki ve sonraki öğelerdeki girinti miktarı vb.). Bu seçenekler, CSS talimatları (Basamaklı Stil Sayfaları) kullanılarak geçersiz kılınabilir ve böylece bir web sayfasının metnindeki başlıkların görünümünü değiştirebilir.
Talimatlar
Aşama 1
Web sayfasının kaynak kodunda henüz yapılmadıysa, ilgili açılış ve kapanış etiketleri arasına farklı düzeylerde başlıklar yerleştirin. Örneğin, en önemli başlık (birinci seviye) etiketler arasında olmalıdır.
ve
:
Birinci seviye başlık
Etiketler arasına bir sonraki en önemli seviye alt başlığı yerleştirilmelidir.
ve
vb. Öngörülen seviyelerin sonuncusu altıncıdır -
ve
Adım 2
Kaynak kodun başlık kısmına (ve etiketlerinin arasına) ziyaretçinin tarayıcısına bu yerde CSS'deki stillerin bir açıklaması olduğunu söyleyen bir ifade yerleştirin:
/ * CSS talimatları burada olacak * /
Aşama 3
Açılış ve kapanış stil etiketleri arasına, görünümünü değiştirmek istediğiniz her düzeyin başlıkları için stil açıklamaları ekleyin. Örneğin, yalnızca birinci düzey başlıkların görünümünü değiştirmeniz gerekiyorsa, bu kod şöyle görünebilir:
h1 {
kırmızı renk;
yazı tipi boyutu: 20 piksel;
yazı tipi stili: italik;
yazı tipi ağırlığı: kalın;
üst kenar boşluğu: 30 piksel;
kenar boşluğu-alt: 20 piksel;
}
Burada h1, küme parantezleri içindeki açıklamanın h1 etiketine atıfta bulunduğunu ve "selektör" olarak adlandırıldığını gösterir. color parametresi metnin rengini ayarlar, font-size parametresi yazı tipi boyutudur, italik değere sahip yazı tipi stili italik yazı tipidir, kalın değere sahip yazı tipi ağırlığı kalındır, kenar boşluğu üst kısımdır kenar boşluğu ve kenar boşluğu-alt, alt kenar boşluğudur. İkinci seviye başlıklar için h2 seçici vb. ile benzer bir blok ekleyin.
4. Adım
Tanımlanacak çok düzey varsa, stenografi sözdizimini kullanın. Örneğin, yazı tipi açıklamaları, girinti boyutlarının açıklamalarının yanı sıra bir parametreye yerleştirilebilir. Örneklem:
h1 {
kırmızı renk;
yazı tipi: kalın 20 piksel arial;
kenar boşluğu: 30px 0 20px 0;
}
h2 {
turuncu renk;
yazı tipi: kalın 18 piksel arial;
kenar boşluğu: 25px 0 15px 0;
}
Kenar boşluğu parametresinde, kenar boşlukları, üst kenar boşluğundan başlayarak bir boşluk (sağ üst sol alt) ile saat yönünde belirtilmelidir.
