Cara membuat Tabel kolom untuk menulis di dalam posting , di bawah ini saya berikan beberapa contoh lengkap dengan kodekode tabel nya , jika kurang anda tingal menambahkan scrip kodenya saja.
Col 1 - Baris 1 1 | Coll 2 - Baris 1 2 | Coll 3 - Baris 1 3 | Coll 3 - Baris 1 Kolom 3 tes tes tes tes tes tes testes.. |
Coll 4 - Baris 2 1 | Coll 5 - Baris 2 2 | Coll 6 - Baris 2 3 | Coll 3 - Baris 1 Kolom 3 |
Coll 7 - Baris 3 1 | Coll 8 - Baris 3 2 | Coll 9 - Baris 3 3 | Coll 3 - Baris 1 Kolom 3 |
ini kode tabel 4 kolom yang di atas , kodenya seperti di bawah ini
<table border="1">
<tbody>
<tr>
<td>Coll 1 - Baris 1 1</td>
<td>Coll 2 - Baris 1 2</td>
<td>Coll 3 - Baris 1 3</td>
<td>Coll 3 - Baris 1 Kolom 3 testestestetstetstetstetstes</td>
</tr>
<tr>
<td>Coll 4 - Baris 2 1</td>
<td>Coll 5 - Baris 2 2</td>
<td>Coll 6 - Baris 2 3</td>
<td>Coll 3 - Baris 1 Kolom 3</td>
</tr>
<tr>
<td>Coll 7 - Baris 3 1</td>
<td>Coll 8 - Baris 3 2</td>
<td>Coll 9 - Baris 3 3</td>
<td>Coll 3 - Baris 1 Kolom 3</td>
</tr>
</tbody></table>
keterangan :
Untuk pembuatan kolom baru, kolom 4 dan seterusnya hanya tinggal menambahkan kode <td>Coll 3 - Baris 1 Kolom 3</td> sebelum kode penutup </tr>, begitu juga untuk menambahkan baris baru anda tinggal menambahkan kode <tr> ... </tr> beserta isinya sebelum penutup </table>
Cara ke 2 membuat tabel 4 kolom
Judul Kolom 1 | Judul Kolom 2 | Judul Kolom 3 | Judul Kolom 4 |
---|---|---|---|
jual template 50 ribu sekalian pasang | Baris 1 Kolom 2 | Baris 1 Kolom 3 | Baris 1 Kolom 4 |
jasa membuat blog 50 ribu | Baris 2 Kolom 2 | Baris 2 Kolom 3 | Baris 1 Kolom 4 |
ganti domain .com 60 ribu | Baris 3 Kolom 2 | Baris 3 Kolom 3 | Baris 1 Kolom 4 |
kode tabel 4 kolom seperti diatas kodenya seperti ini
<table border="1" cellpadding="10" cellspacing="10" style="background: #fff;">
<tbody>
<tr><th style="background: #0ABD0C; width: 50%;">Judul Kolom 1</th>
<th style="background: #0ABD0C;">Judul Kolom 2</th>
<th style="background: #0ABD0C;">Judul Kolom 3</th>
<th style="background: #0ABD0C;">Judul Kolom 4</th>
</tr>
<tr>
<td><br /></td>
<td>Baris 1 Kolom 2</td>
<td>Baris 1 Kolom 3</td>
<td>Baris 1 Kolom 4</td>
</tr>
<tr>
<td><br /></td>
<td>Baris 2 Kolom 2</td>
<td>Baris 2 Kolom 3</td>
<td>Baris 1 Kolom 4</td>
</tr>
<tr>
<td><br /></td>
<td>Baris 3 Kolom 2</td>
<td>Baris 3 Kolom 3</td>
<td>Baris 1 Kolom 4</td>
</tr>
</tbody></table>
Contoh ke 3 cara membuat tabel 4 kolom
Baris 1 Kolom 1 | Baris 1 Kolom 2 | Baris 1 Kolom 3 | baris 4 - Kolom 4 |
Baris 2 Kolom 1 | Baris 2 Kolom 2 | Baris 2 Kolom 3 | baris 4 - Kolom 4 |
Baris 3 Kolom 1 | Baris 3 Kolom 2 | Baris 3 Kolom 3 | baris 4 - Kolom 4 |
dan ini kode tabel 4 kolom seperti di atas ini
<table border="1" cellpadding="10" cellspacing="10" style="width: 80%px;">
<tbody>
<tr>
<td style="width: 50%;">Baris 1 Kolom 1</td>
<td>Baris 1 Kolom 2</td>
<td>Baris 1 Kolom 3</td>
<td>baris 4 - Kolom 4</td>
</tr>
<tr>
<td>Baris 2 Kolom 1</td>
<td>Baris 2 Kolom 2</td>
<td>Baris 2 Kolom 3</td>
<td>baris 4 - Kolom 4</td>
</tr>
<tr>
<td>Baris 3 Kolom 1</td>
<td>Baris 3 Kolom 2</td>
<td>Baris 3 Kolom 3</td>
<td>baris 4 - Kolom 4</td>
</tr>
</tbody></table>
Contoh ke 4 membuat tabel 4 kolom seprti di bawah ini gambarnya
Gabung Baris 1 & Kolom 1-3 | ||
Baris 2 Kolom 1 | Baris 2 Kolom 2 | Baris 2 Kolom 3 |
Baris 3 Kolom 2 | Baris 3 Kolom 3 |
dan kode contoh tabel 4 kolom di atas seperti di bawah ini
<table border="1" style="width: 80%px;">
<tbody>
<tr>
<td colspan="3">Gabung Baris 1 & Kolom 1-3</td>
</tr>
<tr>
<td rowspan="2">Baris 2 Kolom 1</td>
<td>Baris 2 Kolom 2</td>
<td>Baris 2 Kolom 3</td>
</tr>
<tr>
<td>Baris 3 Kolom 2</td>
<td>Baris 3 Kolom 3</td>
</tr>
</tbody></table>
Baris 1 Kolom 1 | Baris 1 Kolom 2 | Baris 1 Kolom 3 |
Baris 2 Kolom 1 | Baris 2 Kolom 2 | Baris 2 Kolom 3 |
Baris 3 Kolom 1 | Baris 3 Kolom 2 | Baris 3 Kolom 3 |
dan contoh ke 5 ini kodenya seperti di bawah ini
<table border="1" style="width: 80%px;">
<tbody>
<tr>
<td style="height: 50px; width: 50%;">Baris 1 Kolom 1</td>
<td>Baris 1 Kolom 2</td>
<td>Baris 1 Kolom 3</td>
</tr>
<tr>
<td>Baris 2 Kolom 1</td>
<td>Baris 2 Kolom 2</td>
<td>Baris 2 Kolom 3</td>
</tr>
<tr>
<td>Baris 3 Kolom 1</td>
<td>Baris 3 Kolom 2</td>
<td>Baris 3 Kolom 3</td>
</tr>
</tbody></table>
selamat memilih tabel 4 kolom di atas ini
<table border="1" style="width: 80%px;">
<tbody>
<tr>
<td style="height: 50px; width: 50%;">Baris 1 Kolom 1</td>
<td>Baris 1 Kolom 2</td>
<td>Baris 1 Kolom 3</td>
</tr>
<tr>
<td>Baris 2 Kolom 1</td>
<td>Baris 2 Kolom 2</td>
<td>Baris 2 Kolom 3</td>
</tr>
<tr>
<td>Baris 3 Kolom 1</td>
<td>Baris 3 Kolom 2</td>
<td>Baris 3 Kolom 3</td>
</tr>
</tbody></table>
selamat memilih tabel 4 kolom di atas ini