İsim ve unvan

Sayfa iskeletini ve isim–unvan başlıklarını eklersin.

İsim ve unvan: head'i doldur

Boş bir HTML belge iskeletin var. Bu derste <head>'i dolduracak ve <body>'ye isim ile ünvan ekleyeceksin.

Head bölümüne lang, meta charset, viewport ve title gelecek. Body'ye <h1> (ad-soyad) ve <h2> (ünvan) ekleyeceksin. Bu ikili, kartvizitin en üstünde ziyaretçinin ilk gördüğü yer olur.

h1 ve h2 hiyerarşisi

Başlık etiketleri bir hiyerarşi oluşturur: <h1> ana başlık, <h2> onun alt başlığıdır. Bir sayfada genelde tek bir h1 olur; h2'ler onu destekler.

Bu projede h1 kartvizitin sahibinin adını (örnek Ayşe Yılmaz), h2 ise ünvanı (örnek Grafik tasarımcı) taşır. Bu hiyerarşi hem ekran okuyuculara hem de arama motorlarına sayfanın yapısını anlatır.

Uygulama Head'i doldur, h1 ve h2 ekle

Önceki dersin boş iskeletini al. <html>'e lang="tr", <head> içine meta charset=utf-8, viewport (width=device-width, initial-scale=1) ve title (içeriği Ayşe Yılmaz - Kartvizit) ekle. <body>'ye h1 (ad-soyad) ve h2 (ünvan) ekle.

Örnek çözümü göster

<!DOCTYPE html>
<html lang="tr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Ayşe Yılmaz - Kartvizit</title>
  </head>
  <body>
    <h1>Ayşe Yılmaz</h1>
    <h2>Grafik tasarımcı</h2>
  </body>
</html>

Kendini test et

Türkçe bir kartvizit için <html> etiketine hangi lang değeri uygun?
- lang="de"
- lang="tur"
- lang="tr"
- lang="turkce"
Cevabı göster

lang="tr" — Doğru. Türkçe için BCP 47 kodu 'tr' kullanılır.

Title içeriğini tamamla

<title>____</title>

Cevabı göster

<title>Ayşe Yılmaz - Kartvizit</title>

Head bileşenini rolüyle eşleştir

meta charset

Karakter seti
meta viewport

Mobil uyum
title

Sekme başlığı
lang

Sayfa dili

Sıradaki ders: İletişim listesi

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler