Menu
CoddyTech

Ö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ştur:

  1. Tabloyu tanımlamak için bir <table> etiketi; görünürlük için border niteliği "1" olarak ayarlanmalı.
  2. Tabloyu açıklamak için "Employee Information" metnini içeren bir <caption> etiketi.
  3. Üç başlık hücresi (<th>) içeren bir başlık satırı (<tr>). İlk başlık iki sütuna yayılmalı ve "Employee Details" demeli, ikincisi "Department", üçüncüsü ise "Salary" demeli.
  4. İki satır ve iki sütuna yayılan 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ütuna yayılan 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>
        <!-- Kodu buraya yazın -->
    </body>
</html>

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

Kendi başına pratik yap: Web playground