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

Ödev 3.3 - Sıra Sizde - rowspan ve colspan Özellikleri

Sıra Sizde (Sayfa 67-68): colspan ile sütunları, rowspan ile satırları birleştirerek bir tablo oluşturunuz ve tarayıcıda görüntüleyiniz.

Kodlar

<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="utf-8"/>
<title>Rowspan ve Colspan</title>
</head>
<body>
<table border="1">
  <tr>
    <th colspan="3">Haftalık Ders Programı</th>
  </tr>
  <tr>
    <th>Gün</th>
    <th>1. Ders</th>
    <th>2. Ders</th>
  </tr>
  <tr>
    <td rowspan="2">Pazartesi</td>
    <td>Web Tabanlı Uygulama</td>
    <td>Matematik</td>
  </tr>
  <tr>
    <td>Fizik</td>
    <td>Kimya</td>
  </tr>
  <tr>
    <td>Salı</td>
    <td colspan="2">Atölye Çalışması</td>
  </tr>
</table>
</body>
</html>

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

Not: colspan hücreyi yatayda (sütun), rowspan ise dikeyde (satır) birleştirir. Birleştirilen hücrenin yerine gelen td etiketleri yazılmaz.