İ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