Menu
CoddyTech

Rangkuman: Tabel

Termasuk bagian Dasar-Dasar dalam perjalanan HTML di Coddy. Pelajaran 51 dari 60.

challenge icon

Tantangan

Mudah

Buat dokumen HTML yang menyertakan tabel dengan semua elemen yang telah kita pelajari sejauh ini:

  1. Tag <table> untuk membuat tabel, dengan atribut border yang diatur ke "1" agar terlihat.
  2. Tag <caption> dengan teks "Employee Information" untuk menjelaskan tabel.
  3. Satu baris tabel (<tr>) untuk header dengan tiga sel header (<th>). Header pertama harus mencakup dua kolom dan bertuliskan "Employee Details", header kedua bertuliskan "Department", dan header ketiga bertuliskan "Salary".
  4. Satu baris tabel (<tr>) dengan sebuah sel data (<td>) yang mencakup dua baris dan dua kolom serta berisi teks "John Doe", sebuah sel data (<td>) yang bertuliskan "Sales", dan sebuah sel data (<td>) yang bertuliskan "$50,000".
  5. Satu baris tabel lainnya (<tr>) dengan sebuah sel data (<td>) yang bertuliskan "Marketing" dan sebuah sel data (<td>) yang bertuliskan "$60,000".
  6. Baris tabel terakhir (<tr>) dengan sebuah sel data (<td>) yang mencakup dua kolom dan bertuliskan "Jane Smith", sebuah sel data (<td>) yang bertuliskan "IT", dan sebuah sel data (<td>) yang bertuliskan "$70,000".

Coba sendiri

<!DOCTYPE html>
<html>
    <body>
        <!-- Tulis kodemu di sini -->
    </body>
</html>

Semua pelajaran di Dasar-Dasar

Latihan sendiri: Playground Web