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

Sıradaki ders: Vurgu ve ayrım

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler