Cara Membuat tabel atau kotak di postingan itu pembicaraan kita kali ini. Untuk membuatnya ya agak mudah-mudah susah.dengan panduan ini sobat cukup
sedikit menambahkan atau menyisip kan kode script ke artikel yang ingin sobat beri kotak atau tabel.
Dengan cara masuk ke :
1. Entri Postingan
2. Masukan Script Ke HTML yang terletak disebelah Compose
***********************************************************************************
=> Tabel dengan 1 Kolom
<table border="1" width="500">
<tr bgcolor="#3496E1">
<tr>
<td>Hasilnya</td>
</tr>
</table>
<tr bgcolor="#3496E1">
<tr>
<td>Hasilnya</td>
</tr>
</table>
Hasilnya |
=> Tabel dengan 1 Baris dan 1 Kolom
<table border="1" width="500">
<tr bgcolor="#3496E1">
<tr>
<td>Baris</td>
<td>Kolom</td>
</tr>
<tr bgcolor="#3496E1">
<tr>
<td>Baris</td>
<td>Kolom</td>
</tr>
Baris | Kolom |
=> Tabel dengan 2 Baris dan 2 Kolom
<table border="1" width="500">
<tr bgcolor="#3496E1">
<tr>
<td>Baris 1</td>
<td>Kolom 1</td>
</tr>
<tr>
<td>Baris 2</td>
<td>Kolom 2</td>
</tr>
</table>
<tr bgcolor="#3496E1">
<tr>
<td>Baris 1</td>
<td>Kolom 1</td>
</tr>
<tr>
<td>Baris 2</td>
<td>Kolom 2</td>
</tr>
</table>
Baris 1 | Kolom1 |
Baris 2 | Kolom 2 |
=> Tabel dengan 4 Baris dan 4 Kolom
<table border="1" width="500">
<tr bgcolor="#3496E1">
<tr>
<td>Baris 1</td>
<td>Baris 2</td>
</tr>
<tr>
<td>Baris 3</td>
<td>Baris 4</td>
</tr>
<tr>
<td>Kolom 1</td>
<td>Kolom 2</td>
</tr>
<tr>
<td>Kolom 3</td>
<td>Kolom 4</td>
</tr>
</table>
<tr bgcolor="#3496E1">
<tr>
<td>Baris 1</td>
<td>Baris 2</td>
</tr>
<tr>
<td>Baris 3</td>
<td>Baris 4</td>
</tr>
<tr>
<td>Kolom 1</td>
<td>Kolom 2</td>
</tr>
<tr>
<td>Kolom 3</td>
<td>Kolom 4</td>
</tr>
</table>
Baris 1 | Baris 2 |
Baris 3 | Baris 4 |
Kolom 1 | Kolom 2 |
Kolom 3 | Kolom 4 |
=> Tabel dengan 2 Baris dan 2 Kolom dengan TEXT di tengah kolom
<table border="1" width="500">
<tr bgcolor="#3496E1">
<td align="center">Baris 1 - Kolom 1</td>
<td align="center">Baris 1 - Kolom 2</td>
</tr>
<tr bgcolor="#3496E1">
<td align="center">Baris 2 - Kolom 1</td>
<td align="center">Baris 2 - Kolom 2</td>
</tr>
</table>
<tr bgcolor="#3496E1">
<td align="center">Baris 1 - Kolom 1</td>
<td align="center">Baris 1 - Kolom 2</td>
</tr>
<tr bgcolor="#3496E1">
<td align="center">Baris 2 - Kolom 1</td>
<td align="center">Baris 2 - Kolom 2</td>
</tr>
</table>
Baris 1 - Kolom 1 | Baris 1 - Kolom 2 |
Baris 2 - Kolom 1 | Baris 2 - Kolom 2 |
=> Tabel dengan 3 Kolom dan 4 Baris
<table border="1" width="620">
<tr bg#3366ff">#E0F8E0">
<td align="center">
<b>Nama</b></td><td align="center"><b>Kelas</b></td><td align="center"><b>Hobby</b></td>
</tr><tr><td align="center">A</td><td align="center">6</td><td align="left">Makan bakso</td></tr>
<tr><td align="center">A</td><td align="center">6</td><td align="left">Makan bakso</td></tr>
<tr><td align="center">A</td><td align="center">6</td><td align="left">Makan bakso</td></tr>
<tr><td align="center">A</td><td align="center">6</td><td align="left">Makan bakso</td></tr>
</table>
<tr bg#3366ff">#E0F8E0">
<td align="center">
<b>Nama</b></td><td align="center"><b>Kelas</b></td><td align="center"><b>Hobby</b></td>
</tr><tr><td align="center">A</td><td align="center">6</td><td align="left">Makan bakso</td></tr>
<tr><td align="center">A</td><td align="center">6</td><td align="left">Makan bakso</td></tr>
<tr><td align="center">A</td><td align="center">6</td><td align="left">Makan bakso</td></tr>
<tr><td align="center">A</td><td align="center">6</td><td align="left">Makan bakso</td></tr>
</table>
Nama | Kelas | Hobby |
A | 6 | Makan bakso |
A | 6 | Makan bakso |
A | 6 | Makan bakso |
A | 6 | Makan bakso |
Sekian sob Untuk Lebih lanjut hubungi Kami
Semoga sukses
0 komentar:
Post a Comment