Tutorial Belajar Struktur Table di HTML
Sunday, May 14, 2017
Add Comment
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"
Post a Comment