Untuk membuat kotak dalam postingan, kita harus menggunakan kode HTML <table> ..... </table> yang didalamnya terdapat berbagai atribut sepeti berikut ini:
* bordercolor --> warna dari garis tabel
* bgcolor --> warna dari background tabel
* cellpadding --> jarak antara tulisan dengan garis luar tabel
* cellspacing --> jarak antar tulisan
* border --> ketebalan garis pinggir tabel
* dotted --> garis titik putus-putus
* dashed --> garis datar putus-putus
* double --> garis rangkap dua
* align --> posisi dari isi tabel, bisa kiri, tengah, atau kanan
* width --> lebar tabel
* height --> tinggi tabel
| <table border="1" style="width: 250px;"> <tbody> <tr> <td> Isi Tabel </td> </tr> </tbody></table> |
hasilnya seperti ini
| Isi Tabel |
| <table border="7" style="width: 400px;"> <tbody> <tr bgcolor="#99cc00"> <td align="center"> Isi Tabel </td> </tr> </tbody></table> |
hasilnya seperti ini
| Isi Tabel |
| <table width="400" border="7"> <tr bgcolor="#99CC00"> <td align="center"> Kolom 1 Baris 1 </td> <td align="center"> Kolom 2 Baris 1 </td> </tr> </table> |
hasilnya seperti ini
| Kolom 1 Baris 1 | Kolom 2 Baris 1 |
| <table border="5" bordercolor="blue" style="width: 400px;"> <tbody> <tr bgcolor="#33cccc"> <td align="center"> Kolom 1 Baris 1 </td> <td align="center"> Kolom 2 Baris 1 </td> </tr> <tr bgcolor="#33cccc"> <td align="center"> Kolom 1 Baris 2 </td> <td align="center"> Kolom 2 Baris 2 </td> </tr> <tr bgcolor="#33cccc"> <td align="center"> Kolom 1 Baris 3 </td> <td align="center"> Kolom 2 Baris 3 </td> </tr> </tbody></table> |
hasilnya seperti ini
| Kolom 1 Baris 1 | Kolom 2 Baris 1 |
| Kolom 1 Baris 2 | Kolom 2 Baris 2 |
| Kolom 1 Baris 3 | Kolom 2 Baris 3 |
Artikel Terkait:
0 komentar:
Posting Komentar