- 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