Tanıtım metni
Başlık ve paragraflarla kendini tanıtan metni yazarsın.
Tanıtım metni: h1, h2 ve paragraflar
Head dolu. Şimdi <body>'yi dolduracaksın. İlk olarak <h1> (ad-soyad) ve <h2> (ünvan) ekleyeceksin; bu ikili sayfanın en üstünde ziyaretçinin ilk gördüğü yer olur.
Sonra <p> etiketleriyle kendini tanıtan bir veya iki paragraf yazacaksın. Her paragraf bir cümle ya da birkaç cümleden oluşur; paragraflar arasında otomatik olarak boşluk olur.
strong ve em ile vurgu
Paragraf içinde bazı sözcükleri öne çıkarmak isteyebilirsin. Bunun için iki etiket var: <strong> ve <em>.
<strong> metnin önemini belirtir; tarayıcı genellikle önemli gösterir. <em> metin üzerinde vurgu yapar; tarayıcı genellikle italik gösterir. İkisi de anlam taşır; yalnızca görünüm değil, ekran okuyucu da tonu değiştirir.
Uygulama Body'ye h1, h2 ve paragraflar ekle
Önceki dersin head dolu iskeletini al. <body> içine h1 (ad-soyad: Ayşe Yılmaz) ve h2 (ünvan: Yazılım geliştirici) ekle. Sonra iki p ekle: birincisinde strong ile bir ifade, em ile bir sözcük vurgula; ikincisinde kısa bir kapanış cümlesi yaz.
Ö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 - Hakkımda</title>
</head>
<body>
<h1>Ayşe Yılmaz</h1>
<h2>Yazılım geliştirici</h2>
<p>Merhaba! Ben Ayşe. <strong>Web tabanlı uygulamalar</strong> geliştiriyorum ve açık kaynağa <em>katkıda</em> bulunmayı severim.</p>
<p>Bu sayfada kendimi kısaca tanıtıyorum.</p>
</body>
</html>Kendini test et
-
H1 başlığını tamamla
<h1>____</h1>Cevabı göster
<h1>Ayşe Yılmaz</h1> -
Bir sözcüğe vurgu (emphasis) eklemek için hangi etiket en uygun?
- <strong>
- <em>
- <mark>
- <hr>
Cevabı göster
<em> — Doğru. <em> vurgu içindir; strong önem, mark işaretleme, hr ayrım için kullanılır.
-
Etiketleri anlamlarıyla eşleştir
- h1
- Ana başlık
- h2
- Alt başlık
- p
- Paragraf
- strong
- Önemli metin
- em
- Vurgulu metin