Yükleniyor...

HTML Div

Block/inline’dan sonra div kutusuyla gruplarız.

Anlamsız kutu neden işe yarar

Kartlar çoğu zaman div+class ile başlar.

Doğrudan yanıt

İlgili işaretlemeyi div’e sarın, class ekleyin, rol açıksa anlamsalı tercih edin.

Bir kart grubu

Başlık ve paragrafı saran div.

Grouping with a card div

html

HTML Code

<div class="card">
<h2>Today</h2>
<p>Practice HTML containers with a simple card.</p>
</div>

Kart örneği

div gruplar
h2/p anlamı korur
class kanca

İki kartlı sarmalayıcı

Dış sarmalayıcı, iç kartlar.

Wrapper with two cards

html

HTML Code

<div class="card-row">
<div class="card">
<h3>Lesson</h3>
<p>Read the notes once.</p>
</div>
<div class="card">
<h3>Practice</h3>
<p>Rebuild the markup from memory.</p>
</div>
</div>

Sarmalayıcıyı okuma

iki düzey yeter
çocuklar anlamsal

Anlamı tercih edin

div yedektir, her bölgenin ilk seçimi değildir.

Alıştırma

Bir kart
Sarmalayıcıda iki
Boş div’leri sil
div’in yerine geçmeyeceği üç etiket yaz

Kolay hatalar

div çorbası
p/ul/nav yerine div
boş sarmalayıcılar

Özet

genel kapsayıcı
class kanca
açıksa anlamsal
çorbadan kaçının

🧠 Bilginizi Test Edin

Başlamaya Hazır

Bilginizi Test Edin

Bu interaktif sınavla kendini test et ve konuyu ne kadar iyi anladığını gör

❓

Sorular

🎯

70%

Geçmek İçin

♾️

∞

Süre

🔄

∞

Deneme

📝 Talimatlar

Her soruyu dikkatle okuyun
Her soru için en iyi cevabı seçin
Quiz'i istediğiniz kadar tekrar alabilirsiniz
İlerlemeniz üstte gösterilecek

Dil