Umut Ege Abuşoğlu ÖDEV SİTESİ

Ödev 3.5 - Sıra Sizde - div Etiketi

Sıra Sizde (Sayfa 70): div etiketi kullanarak sayfadaki içeriği bloklara ayırınız ve her bloğa arka plan rengi veriniz.

Kodlar

<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="utf-8"/>
<title>div Etiketi</title>
</head>
<body>
<div style="background-color:lightblue; padding:10px;">
  <h3>Birinci Blok</h3>
  <p>Bu paragraf birinci div içindedir.</p>
</div>
<div style="background-color:lightgreen; padding:10px;">
  <h3>İkinci Blok</h3>
  <p>Bu paragraf ikinci div içindedir.</p>
</div>
</body>
</html>

Tarayıcıdaki Görüntüsü

Not: div bir blok seviyesinde gruplama elemanıdır. Kendi başına görünümü yoktur, içindeki elemanlara topluca stil vermek için kullanılır ve her zaman yeni satırda başlar.