Cara membuat Tabel 4 kolom -->

Advertisement

Cara membuat Tabel 4 kolom

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.

cara membuat kolom untuk posting

Col 1 - Baris 1 1Coll 2 - Baris 1 2Coll 3 - Baris 1 3Coll 3 - Baris 1 Kolom 3 tes tes tes tes tes tes testes..
Coll 4 - Baris 2 1Coll 5 - Baris 2 2Coll 6 - Baris 2 3Coll 3 - Baris 1 Kolom 3
Coll 7 - Baris 3 1Coll 8 - Baris 3 2Coll 9 - Baris 3 3Coll 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 &amp; 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>

Contoh ke 5 membuat tabel 4 kolom , gambarnya seperti di bawah ini

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