HTML Başlıklar ve Paragraflar

Web sayfalarınızı oluştururken içeriğinizi düzenli ve okunaklı hale getirmek için başlıklar ve paragraflar kullanılır. HTML’de başlıkları belirtmek için <h1> ile <h6> etiketleri, paragrafları belirtmek için ise <p> etiketi kullanılır. Şimdi bu etiketleri detaylı bir şekilde inceleyelim.

HTML Başlık Etiketleri (`<h1>` – `<h6>`)

HTML’de başlıklar hiyerarşik olarak en büyükten en küçüğe doğru sıralanır:

<h1>Bu Ana Başlıktır</h1>
<h2>Bu Bir Alt Başlıktır</h2>
<h3>Bu Daha Küçük Bir Başlıktır</h3>
<h4>Bu Daha Küçük Bir Başlıktır</h4>
<h5>Bu Çok Küçük Bir Başlıktır</h5>
<h6>Bu En Küçük Başlıktır</h6>

Başlık Kullanım Kuralları:

SEO açısından <h1> etiketi yalnızca bir kez kullanılmalıdır (sayfa başlığı olarak).
Alt başlıklar için sırasıyla <h2>, <h3>, <h4> gibi etiketler kullanılmalıdır.
Başlıklar sayfanın okunabilirliğini ve düzenini artırır.

HTML Paragraf Etiketi (`<p>`)

Paragraflar, metinleri düzenlemek için kullanılır. HTML’de paragraf oluşturmak için <p> etiketi kullanılır:

<p>Bu bir HTML paragrafıdır. Paragraflar, içeriği bölümlere ayırarak okunabilirliği artırır.</p>

Paragraf Kullanım Kuralları:

Paragraflar arasına otomatik boşluk eklenir, ekstra satır eklemeye gerek yoktur.
Uzun metinler için birden fazla <p> etiketi kullanılabilir.

Satır Sonu ve Satır İçi Boşluklar

Eğer metin içinde manuel olarak satır sonu eklemek isterseniz <br> etiketi kullanabilirsiniz:

<p>Bu birinci satırdır.<br>Bu ikinci satırdır.</p>

Ancak, <br> etiketi gereksiz yere çok sık kullanılmamalıdır. Bunun yerine, yeni bir paragraf açmak daha iyi bir yöntemdir.

Örnek Kullanım

<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML Başlıklar ve Paragraflar</title>
</head>
<body>
    <h1>HTML Öğrenmeye Başlayın</h1>
    <h2>HTML Başlık Etiketleri</h2>
    <p>HTML’de başlıklar `<h1>` ile `<h6>` arasında değişen etiketlerle belirlenir.</p>
    <h2>HTML Paragraflar</h2>
    <p>Metinleri düzenlemek için `<p>` etiketi kullanılır. Paragraflar okunabilirliği artırır.</p>
</body>
</html>

Bu örnek, HTML sayfanızda başlıkların ve paragrafların nasıl düzenleneceğini göstermektedir.

Sonuç

Başlıklar ve paragraflar, web sayfalarınızı düzenlemek için en temel HTML etiketleridir. SEO uyumlu içerik hazırlarken başlıkları doğru kullanmak, hem kullanıcı deneyimini iyileştirir hem de arama motorlarında daha iyi sıralamalar almanıza yardımcı olur.

SONRAKİ DERS

HTML Başlık Etiketleri (<h1> – <h6>)