Menu
CoddyTech
START LEARNING

Menambahkan Judul Tabel

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

Dalam tabel HTML, caption adalah judul atau penjelasan untuk tabel. Elemen ini memberikan deskripsi singkat tentang isi tabel, sehingga pengguna lebih mudah memahami tujuan tabel tersebut. Caption dibuat menggunakan tag <caption>, yang harus ditempatkan tepat setelah tag <table>.

Berikut sintaks dasar untuk menambahkan keterangan pada tabel di HTML:

<table>
	<caption>Table Caption</caption>
	<tr>
		<th>Header 1</th>
		<th>Header 2</th>
	</tr>
	<tr>
		<td>Row 1, Cell 1</td>
		<td>Row 1, Cell 2</td>
	</tr>
</table>
challenge icon

Tantangan

Mudah

Buat dokumen HTML yang menyertakan tabel dengan caption. Tabel tersebut harus memiliki struktur berikut:

  1. Tag <table> untuk mendefinisikan tabel.
  2. Tag <caption> dengan teks "Product Inventory" untuk menjelaskan tabel.
  3. Satu baris tabel (<tr>) untuk header dengan dua sel header (<th>). Sel header harus berisi "Product Name" dan "Quantity".
  4. Satu baris tabel (<tr>) dengan dua sel data (<td>). Sel-selnya harus berisi "Laptop" dan "5".
  5. Satu baris tabel lainnya (<tr>) dengan dua sel data (<td>). Sel-selnya harus berisi "Mouse" dan "10".

Coba sendiri

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

Pelajaran ini berisi kuis singkat. Mulai pelajarannya untuk menjawab kuis dan melacak progresmu.

Semua pelajaran di Dasar-Dasar

1Dasar-Dasar HTML

Apa itu HTML?Struktur Dasar HTMLTag dan ElemenTag Bersarang dan Tag PenutupKomentar dalam HTML

4Kartu Resep

Gambaran Umum ProyekJudul dan Deskripsi ResepPelajaran proyekBahan-bahanPelajaran proyekLangkah-langkahPelajaran proyek

7Halaman Profil Pribadi

Gambaran Umum ProyekBagian HeaderPelajaran proyekFoto ProfilPelajaran proyekBagian Tentang SayaPelajaran proyekTautan Media SosialPelajaran proyek

10Tabel

Dasar-Dasar TabelMenambahkan Judul TabelMembentangkan Baris dan KolomRangkuman: Tabel

2Teks dan Pemformatan

JudulParagrafPindah BarisTeks Tebal dan MiringTeks Tebal dan Miring LagiRangkuman: Pemformatan

5Menambahkan Konten

Atribut HTMLTautanTautan ke Halaman BaruGambarAtribut Gambar

8Formulir dan Input Bagian 1

Dasar FormulirInput TeksAtribut InputKolom Kata SandiLabel untuk InputUlasan, Formulir Dasar

11Halaman Pendaftaran Acara

Gambaran Umum ProyekBagian HeaderPelajaran proyekBagian Detail AcaraPelajaran proyekFormulir PendaftaranPelajaran proyekBagian FooterPelajaran proyek

3Bekerja dengan list

list Tak Berurutanlist Berurutanlist BersarangRingkasan: list

6Tata Letak Halaman

Elemen divElemen span SebarisTag SemantikBagian dan ArtikelRangkuman Tata Letak

9Formulir dan Input Bagian 2

Tombol RadioKotak CentangMenu DropdownTombolTombol dalam FormulirRangkuman, Formulir #1Rangkuman, Formulir #2

12Tantangan Akhir

Kartu Profil SederhanaKartu Undangan AcaraHalaman Artikel SederhanaDaftar Buku Favorit

Latihan sendiri: Playground Web