Cara Membuat Tabel


  • Cara membuat tabel untuk daftar nama barang atau harga dan daftar menu blog dll,  seperti contoh di bawah ini dengan menggunakan code HTML atau HTML <colgroup>
Nama Model Harga
Nm Barang Model ? Rp:?
Nm Barang Model ? Rp:?
Nm Barang Model ? Rp:?
Nm Barang Model? Rp:?

Adapun code seperti di atas, ada di bawah ini yakni atau HTML <colgroup> sebagai berikut:

<html>

<body>

<table width=”100%” border=”1″>

<colgroup span=”2″ style=”background-color:#F5A9A9;”></colgroup>

<colgroup style=”background-color:#CECEF6;”></colgroup>

<tr>

<th>Nama</th>

<th>Model</th>

<th>Harga</th>

</tr>

<tr>

<td>Nm Barang</td>

<td>Model ?</td>

<td>Rp:?</td>

</tr>

<tr>

<td>Nm Barang</td>

<td>Model ?</td>

<td>Rp:?</td>

</tr>

<tr>

<td>Nm Barang</td>

<td>Model ?</td>

<td>Rp:?</td>

</tr>

<tr>

<td>Nm Barang</td>

<td>Model ?</td>

<td>Rp:?</td>

</tr>

</table>

</body>

</html>

Jika Sobat ingin membuat tabel seperti ini, atau ingin membuat yang lain lagi, Sobat cukup mengganti seperti:

  • <colgroup span=”2″ style=”background-color:#F5A9A9;“></colgroup> dan code <colgroup style=”background-color:#CECEF6;”></colgroup>ganti code warna yang berwarna merah dengan code warna pilihan Sobat.
  • Dan Sobat perlu merubah ” Nama, Model dan Harga” menurut daftar menu Sobat dan seterusnya.
  • Membuat tabel ini untuk bahan posting baru di blog Sobat

Setelah membuat TABEL sekerang Saya akan mecoba membuat teks atau font menjadi besar, seperti yang Sobat lihat contoh di bawah, teks dari ukuran besar hingga ukuran kecil:

Sekian semoga berguna untuk Sobat semua………. Terima kasih

Tinggalkan Balasan

Please log in using one of these methods to post your comment:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s