Menu
Coddy logo textTech

Özet - Tablolar

Coddy'nin HTML Journey'sinin Temeller 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 amacıyla <table> etiketine "1" olarak ayarlanmış bir border özniteliği ekleyin.
  2. Tabloyu açıklamak için "Employee Information" metnini içeren bir <caption> etiketi ekleyin.
  3. Üç başlık hücresi (<tr>) içeren bir başlık satırı (<th>) ekleyin. İlk başlık iki sütuna yayılsın ve "Employee Details" yazsın, ikinci başlık "Department", üçüncü başlık ise "Salary" yazsın.
  4. İki satıra ve iki sütuna yayılan ve "John Doe" metnini içeren bir veri hücresine (<tr>), "Sales" yazan bir veri hücresine (<td>) ve "$50,000" yazan bir veri hücresine (<td>) sahip bir tablo satırı (<td>) ekleyin.
  5. "Marketing" yazan bir veri hücresine (<tr>) ve "$60,000" yazan bir veri hücresine (<td>) sahip başka bir tablo satırı (<td>) ekleyin.
  6. "Jane Smith" yazan ve iki sütuna yayılan bir veri hücresine (<tr>), "IT" yazan bir veri hücresine (<td>) ve "$70,000" yazan bir veri hücresine (<td>) sahip son bir tablo satırı (<td>) ekleyin.

Kendin dene

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

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

Kendi başına pratik yap: Web playground