Menu
Coddy logo textTech

Özet - Tablolar

Coddy'nin HTML Journey'sinin Fundamentals bölümünün bir parçası — ders 51 / 60.

challenge icon

Görev

Kolay

Şimdiye kadar öğrendiğimiz tüm öğeleri içeren bir tabloya sahip bir HTML belgesi oluşturun:

  1. Tabloyu tanımlamak için, görünürlük için "1" olarak ayarlanmış bir border özniteliğine sahip bir <table> etiketi.
  2. Tabloyu açıklamak için "Employee Information" metnini içeren bir <caption> etiketi.
  3. Üç başlık hücresine (<th>) sahip başlık için bir tablo satırı (<tr>). İlk başlık iki sütun kaplamalı ve "Employee Details" demeli, ikincisi "Department" demeli ve üçüncüsü "Salary" demeli.
  4. İki satır ve iki sütun kaplayan ve "John Doe" metnini içeren bir veri hücresi (<td>), "Sales" diyen bir veri hücresi (<td>) ve "$50,000" diyen bir veri hücresi (<td>) içeren bir tablo satırı (<tr>).
  5. "Marketing" diyen bir veri hücresi (<td>) ve "$60,000" diyen bir veri hücresi (<td>) içeren başka bir tablo satırı (<tr>).
  6. İki sütun kaplayan ve "Jane Smith" diyen bir veri hücresi (<td>), "IT" diyen bir veri hücresi (<td>) ve "$70,000" diyen bir veri hücresi (<td>) içeren son bir tablo satırı (<tr>).

Kendin dene

<!DOCTYPE html>
<html>
    <body>
        <!-- Kodunuzu buraya yazın -->
    </body>
</html>

Fundamentals bölümündeki tüm dersler