karena itu sekarang saya berbagi pelajaran HTML yang saya berikan kepada Siswa LP3I Bengkulu pada pertemuan ke tiga yaitu tentang cara membuat tabel
Tabel dalam Bahasa HTML itu di buka dengan kode
<table>dan ditutup dengan
</table>Dan untuk membuat baris dengankode
<tr>
</tr>Sedangkan Untuk Membuat kolomnya dengan kode
<td>
</td>sekarang kita praktekkan untuk membuat Tabel dengan 3 Kolom dan 4 Baris dengan kode berikut
<html>
<head>
<title>Membuat Tabel</title>
</head>
<body>
<table border="1">
<tr>
<td>Kolom 1 Baris 1</td>
<td>Kolom 2 Baris 1</td>
<td>Kolom 3 Baris 1</td>
</tr>
<tr>
<td>Kolom 1 Baris 2</td>
<td>Kolom 2 Baris 2</td>
<td>Kolom 3 Baris 2</td>
</tr>
<tr>
<td>Kolom 1 Baris 3</td>
<td>Kolom 2 Baris 3</td>
<td>Kolom 3 Baris 3</td>
</tr>
<tr>
<td>Kolom 1 Baris 4</td>
<td>Kolom 2 Baris 4</td>
<td>Kolom 3 Baris 4</td>
</tr>
</table>
</body>
</html>
pada deretan kode diatas ada yang belum saya jelaskan yaitu kode <table border="1"> border itu fungsinya untuk mengatur ketebalan garis tabel
Kalo mau merge cell kolom maka kita pake kode
<td colspan>Untuk Merge cell baris menggunakan kode
<td rowspan>Sekarang kita langsung praktekkan editlah kode di atas tadi menjadi seperti ini
<table border="1">
<tr>
<td rowspan="4">Merge Baris</td>
</tr>
<tr>
<td colspan="3">merge Kolom </td>
</tr>
<tr>
<td>Kolom 1 Baris 3</td>
<td>Kolom 2 Baris 3</td>
<td>Kolom 3 Baris 3</td>
</tr>
<tr>
<td>Kolom 1 Baris 3</td>
<td>Kolom 2 Baris 3</td>
<td>Kolom 3 Baris 3</td>
</tr>
</table>
dan hasilnya seperti ini
Semoga ini dapat bermamfaat...
dan doakan saya agar dapat berbagi lebih banyak lagi ... hehehe
sampai jumpa di lain waktu