Sayfa Başlıkları için Etiketler

Paragrafların yanı sıra, sayfada başlıklar da önemli bir role sahiptir. Onları bir kitaptaki başlıklarla da karşılaştırabilirsiniz - her bölümün kendi başlığı (o bölümün adı) vardır ve kendi başlıkları olan paragraflara ayrılmıştır. Asıl sayfa metni ise paragraflarda yer alır.

Başlıklar, h1, h2, h3, h4, h5, h6 etiketleri kullanılarak oluşturulur. Farklı önem seviyelerine sahiptirler. h1 başlığında tüm HTML sayfasının adı, h2 başlığında sayfanın bölümlerinin adı, h3 başlığında alt bölümlerin adı ve benzeri şekilde yer almalıdır.

Tüm başlıklar varsayılan olarak kalın yazı tipindedir ve farklı boyutlara sahiptir (bu daha sonra öğreneceğimiz CSS ile değiştirilebilir). Örnek olarak tüm seviyelerde başlıklar yapalım:

<h1>Heading h1</h1>
<h2>Heading h2</h2>
<h3>Heading h3</h3>
<h4>Heading h4</h4>
<h5>Heading h5</h5>
<h6>Heading h6</h6>

Yukarıdaki kodu kendiniz kopyalayın ve bir tarayıcıda çalıştırın. Başlık boyutlarının nasıl farklılaştığını gözlemleyin.

Bir h1 başlığı yapın. Altına bir h2 başlığı yapın ve onun altına da metin içeren bir paragraf ekleyin. Paragraflardan sonra bir h2 başlığı daha yapın ve onun altına 2 tane metin içeren paragraf ekleyin.