Lajiverta Academy Satın Al — 499₺

Academy 🌐 Web Geliştirme HTML: Sayfanın İskeleti

Paragraflar, Satır Kırma ve Boşluk Kuralı

📄 HTML: Sayfanın İskeleti bölümü · Code Quest Web Geliştirme parkuru

Metnin atı <p>'dir: her düşünce bloğu bir paragrafa girer. Ama şimdi HTML'in yeni başlayanları EN ÇOK şaşırtan kuralı geliyor. Sıkı dur: tarayıcı, kaynak koddaki art arda boşlukları, tab'ları ve hatta satır sonlarını TEK BOŞLUĞA indirger. Tahmin et:

HTML
<p>Merhaba          koca          dünya!</p>
▸ TARAYICIDA GÖRÜNÜM
Tek satırda "Merhaba koca dünya!" — boşluk yığınları tek boşluğa iner
⚠️ Bu bir hata değil, tasarım kararıdır: HTML, kodun dizilişiyle ekranın dizilişini bilerek ayırır. Sen kodu istediğin gibi hizalarsın, tarayıcı metni kendi kurallarıyla akıtır. Ekrandaki boşluğu boşluk tuşuyla DEĞİL, etiketlerle ve (ileride) CSS ile yönetirsin.

Peki kaynak koda satır sonu koyarsam? O da sıradan bir boşluk sayılır:

HTML
<p>Bir
iki
üç</p>
▸ TARAYICIDA GÖRÜNÜM
Tek satırda "Bir iki üç" — kaynak koddaki satır sonları sıradan boşluk sayılır

"O zaman satırı nasıl kıracağım?" — işte void etiketlerin yıldızı: <br> (break). Paragrafı bitirmeden satır atlatır; şiir ve adres yazmanın klasik aracıdır:

HTML
<p>Gül kırmızı<br>Menekşe mavi</p>
▸ TARAYICIDA GÖRÜNÜM
Aynı paragrafın içinde iki satır: üstte "Gül kırmızı", hemen altında "Menekşe mavi"

Kardeşi <hr> (horizontal rule) ise konu değişimini işaretleyen soldan sağa ince bir yatay çizgi çizer. O da void'dir — kapanışı yoktur.

💡 Seçim rehberi: yeni DÜŞÜNCE → yeni <p>; aynı düşünce içinde görsel satır kırığı (şiir mısrası, adres satırı) → <br>; konu DEĞİŞİMİ → <hr>. Arka arkaya beş <br> ile boşluk açmak ise acemilik işaretidir — o iş CSS'in.

Kendini test et

HTML'de yorum satırının DOĞRU sözdizimi hangisi?

  • <!-- gizli not -->
  • // gizli not
  • # gizli not
  • /* gizli not */
Cevabı gör

Cevap:

HTML yorumu <!-- ile açılır, --> ile kapanır. // ve /* */ JavaScript'in, # Python'un yorum işaretleridir.

Doğru mu, yanlış mı? — <h3> başlığı, <h1> başlığından daha büyük görünür.

Cevabı gör

Cevap: Yanlış

Sayı büyüdükçe başlık KÜÇÜLÜR: h1 en büyük, h6 en küçüktür. Sayıyı "kaçıncı seviye alt başlık" diye oku, boyut sırası kendiliğinden oturur.