Yükleniyor...

HTML Başlıkları

Zaten öğe ve öznitelik yazabiliyorsunuz. Bu ders başlıklara odaklanır — bir sayfanın ana başlığını ve bölüm başlıklarını işaretleyen etiketler. İyi başlıklar okuyucunun sayfayı taramasına ve tarayıcılarla yardımcı araçların yapıyı anlamasına yardım eder.

HTML başlıkları nedir?

HTML başlıkları altı düzeydir: h1, h2, h3, h4, h5 ve h6. h1 sayfadaki en yüksek başlık düzeyidir. h6 en düşüktür. Bu etiketler anlam ve yapı içindir. Görsel boyut sonra CSS ile değiştirilebilir; yalnızca daha büyük veya küçük metin istediğiniz için düzey seçmeyin.

Doğrudan yanıt

Açık bir taslak kurmak için başlıkları kullanın. Sayfa konusu için net bir h1 tercih edin. Bu konunun altındaki ana bölümler için h2, sonra alt bölümler için h3 kullanın ve böyle devam edin. Mümkün olduğunda düzeyleri sırada tutun — h1’den doğrudan h4’e atlamak taslağı çoğu zaman izlemeyi zorlaştırır.

Başlık düzeyleri

html
HTML Code 
<h1>Ana sayfa başlığı</h1>
<h2>Bölüm başlığı</h2>
<h3>Alt bölüm başlığı</h3>
<p>Alt bölümün altındaki paragraf metni.</p>

Örneği okumak

  • h1 tüm sayfa konusunu tanıtır
  • h2 o konunun altında bir ana bölüm başlatır
  • h3 o bölümün içinde daha küçük bir kısım başlatır
  • Paragraf normal gövde metnidir, başlık değildir

Başlık sırası neden önemlidir

Başlıklar, içindekiler tablosuna benzer bir belge taslağı oluşturur. Ekran okuyucular ve bazı SEO araçları bu taslağı kullanır. Yalnızca görünüm için düzey atlarsanız, sayfa size «iyi görünse» bile yapı kafa karıştırıcı olur.

Bir h1, sonra bölümler

Bu kurstaki yeni başlayan sayfalar için net bir h1 tutun. Sonra gerektikçe h2 ve daha derin düzeylerle içeriği düzenleyin. Daha ileri taslak kalıpları sonra gelir; önce bu basit, okunaklı kalıbı öğrenin.

Küçük bir sayfa taslağı

html
HTML Code 
<h1>Şehir rehberi</h1>
<h2>Ulaşım</h2>
<p>Otobüs ve tren ipuçları.</p>
<h2>Yemek</h2>
<h3>Sokak yemeği</h3>
<p>Hızlı yerel atıştırmalıklar.</p>
<h3>Oturmalı restoranlar</h3>
<p>Daha uzun yemek yerleri.</p>

Başlıklar boşluk için değildir

Dikey boşluk yaratmak için boş başlık etiketleri kullanmayın. Her kalın ifadeyi başlığa sarmayın. Metin gerçek bir bölüm başlığı değilse paragraf veya başka uygun öğe kullanın.

Kendiniz deneyin

  1. Temel iskeletli bir HTML dosyası oluşturun veya açın
  2. Sayfa konusunu adlandıran bir h1 ekleyin
  3. Her birinin altında kısa paragraf olan iki h2 bölümü ekleyin
  4. Bir h2 altında bir h3 ve kısa paragraf ekleyin
  5. Kaydedin ve sayfayı açın — taslağın taranmasının kolay olduğunu kontrol edin

Sık yapılan hatalar

  • Yapı yerine yalnızca yazı tipi boyutuna göre başlık düzeyi seçmek
  • Nedensiz h1’den h4’e atlamak
  • Net bir ana başlık yeterken basit yeni başlayan sayfada birçok h1 kullanmak
  • Uzun paragrafları başlık etiketlerinin içine koymak
  • Gerçek bölüm başlığı olmadan süs boşluğu olarak başlık kullanmak

Özet

  • Başlıklar h1–h6 ile başlık düzeylerini işaretler
  • Yalnızca görsel boyut değil yapı ve taslak kurarlar
  • Net bir h1, sonra sıralı h2–h6 bölümleri tercih edin
  • Yalnızca stil için düzey atlamayın
  • Başlık metnini kısa ve başlık gibi tutun
  • Boyutu sonra CSS ile biçimlendirin; HTML başlıklarını anlamsal tutun

🧠 Bilginizi Test Edin

Başlamaya Hazır

Bilginizi Test Edin

Bu interaktif sınavla kendini test et ve konuyu ne kadar iyi anladığını gör

❓
8
Sorular
🎯
70%
Geçmek İçin
♾️
∞
Süre
🔄
∞
Deneme

📝 Talimatlar

  • Her soruyu dikkatle okuyun
  • Her soru için en iyi cevabı seçin
  • Quiz'i istediğiniz kadar tekrar alabilirsiniz
  • İlerlemeniz üstte gösterilecek
Konu 1 / 1
Html Ders