Tutorial Belajar Struktur Table di HTML
Struktur Table
Tabel adalah salah satu objek yang umum digunakan dalam sebuah dokumen, termasuk HTML. Untuk membuat sebuah tabel, paling tidak ada 3 tag yang bakal kita gunakan, yaitu
<table>, <tr> dan <td>. Struktur penulisan tabel HTML seperti berikut:
<table border="1"><tr>
<td>Baris 1 Kolom 1</td>
<td>Baris 1 Kolom 2</td>
<td>Baris 2 Kolom 1</td>
</tr>
<tr>
</table>
<td>Baris 2 Kolom 2</td>
</tr>
Kode di atas akan menghasilkan tabel seperti ini:
| Baris 1 Kolom 1 | Baris 1 Kolom 2 |
| Baris 2 Kolom 1 | Baris 2 Kolom 2 |
Tag
<table> adalah tag untuk membuat tabel. Kita menggunakan atribut border="1" agar tabel memiliki garis. Tag <tr> digunakan untuk membuat baris tabel. Tag <td> digunakan untuk membuat kolom di dalam baris. Konten disimpan di dalam tag <td> ini.PRAKTEK
- Jalankan kode yang ada di editor dan lihat hasilnya.
- Coba tambahkan satu kolom di baris satu dengan konten "B" dan satu kolom lagi di baris dua dengan konten "AB". Jalankan kode untuk melihat hasilnya?Tambahkan elemen
<td>baru di dalam elemen<tr>masing-masing baris. - Coba buat baris baru dengan 3 kolom, masing-masing kontennya "Singgih", "Cianjur", dan "A".
<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML</title>
</head>
<body>
<table border="1">
<tr>
<td>Toni</td>
<td>Bandung</td>
</tr>
<tr>
<td>Kresna</td>
<td>Jakarta</td>
</tr>
</table>
</body>
</html>
Hasilnya:
| Toni | Bandung |
| Kresna | Jakarta |
0 Response to "Tutorial Belajar Struktur Table di HTML"
Posting Komentar