*HTML 5'TE BAŞLIKLAR:*
HTML'de bir çok yazı büyüklüğü vardır ve bunları kullanmak için illa css kullanmamıza gerek yoktur!
Peki HTML5'te başlıklar nasıl yazılır ve hangi etiketler arasında yazılır?
Bunları cevabı bu makalede :)
Öncelikle HTML5'i kullanmamız için <!DOCTYPE html> etiketini kullanmamız,
Türkçe yazıları kullanabilmek için meta etiketlerini eklememiz gerekmekte (meta etiketleri sadece bunun için kullanılmaz.)
gerekmekte.
İlk olarak temel iskeleti yazalım:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="CONTENT-TYPE" content="text/html; charset=UTF-8">
<title>Html5'te başlıklar</title>
</head>
<body>
Merhaba dünya!
</body>
</html>
Temel iskeleti yazdığımızda göre şimdi etiketleri öğrenmeye geçebiliriz!
Başlık etiketleri h1 ile h6 arasında(sayı artar h harfi değişmez, 1 ile 6 dahildir.) yazılır. Kat sayı azaldıkça başlığın büyüklüğü artar, katsayı arttıkça azalır.
Şimdi ise başlıkların nasıl kullanıldiklarını iskeletini oluşturduğumuz koddan gösterelim:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="CONTENT-TYPE" content="text/html; charset=UTF-8">
<title>Html5'te başlıklar</title>
</head>
<body>
<h1>
Bu büyük bir başlık!
</h1>
<h2>
Bu Neredeyse büyük bir başlık!
</h2>
<h3>
Bu ortalama büyüklükte bir başlık!
</h3>
<h4>
Bu Ortalamadan küçük bir başlık!</h4>
<h5>
Bu Neredeyse küçük bir başlık!</h5>
<h6>
Bu küçük bir başlık!</h6>
</body>
</html>
Tabii siz illa başlıklar arasında boşluk bırakmak zorunda değilsiniz,
Şunun gibi de yazabilirsiniz:
<h1> Bu bir başlık!</h1>
Çıktımız şu şekilde olur (telefonda ki görüntü böyle,
Bilgisayar da aynı sonucu alırsınız (tabii ekran boyutuna göre ekran da kapladığı alan yüzdesi değişir ama yine de bir element 1px ise her yerde 1pxdir, tabii css ile yüzdeli bir değer verilmediyse :))
