Rangkuman: Tabel
Termasuk bagian Dasar-Dasar dalam perjalanan HTML di Coddy. Pelajaran 51 dari 60.
Tantangan
MudahBuat dokumen HTML yang menyertakan tabel dengan semua elemen yang telah kita pelajari sejauh ini:
- Tag
<table>untuk membuat tabel, dengan atributborderyang diatur ke "1" agar terlihat. - Tag
<caption>dengan teks "Employee Information" untuk menjelaskan tabel. - 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". - 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". - Satu baris tabel lainnya (
<tr>) dengan sebuah sel data (<td>) yang bertuliskan "Marketing" dan sebuah sel data (<td>) yang bertuliskan "$60,000". - 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
1Dasar-Dasar HTML
Apa itu HTML?Struktur Dasar HTMLTag dan ElemenTag Bersarang dan Tag PenutupKomentar dalam HTML7Halaman Profil Pribadi
Gambaran Umum ProyekBagian Header2Teks dan Pemformatan
JudulParagrafPindah BarisTeks Tebal dan MiringTeks Tebal dan Miring LagiRangkuman: Pemformatan8Formulir dan Input Bagian 1
Dasar FormulirInput TeksAtribut InputKolom Kata SandiLabel untuk InputUlasan, Formulir Dasar11Halaman Pendaftaran Acara
Gambaran Umum ProyekBagian Header9Formulir dan Input Bagian 2
Tombol RadioKotak CentangMenu DropdownTombolTombol dalam FormulirRangkuman, Formulir #1Rangkuman, Formulir #2Latihan sendiri: Playground Web