Cara Membuat Tabel Kolom Di Blog
Cara Membuat Tabel Kolom dengan contoh yang sangat sederhana,bisa langsung lihat contoh di bawah ini:
dengan menggunakan script kode: HTML
Nama tabel |
satu kolom |
Script di bawah ini:
<table width="380" border="1">
<tr>
<td scope="col"><div align="center">Nama tabel</div></td>
</tr>
<tr>
<td><div align="center">satu kolom</div></td>
</tr>
</table>
Kolom 1 | Kolom 2 |
Script di bawah ini:
<table width="220" border="1">
<tr>
<td scope="col"><div align="center">Kolom 1</div></td>
<td scope="col"><div align="center">Kolom 2</div></td>
</tr>
</table>
AB | CD |
EF | GH |
Script di bawah ini:
<table width="220" border="1">
<tr>
<td scope="col"><div align="center">AB</div></td>
<td scope="col"><div align="center">CD</div></td>
</tr>
<tr>
<td scope="col"><div align="center">EF</div></td>
<td scope="col"><div align="center">GH</div></td>
</tr>
</table>
ABCD | ||
|---|---|---|
A 1 | A 2 | A 3 |
A 4 | A 5 | A 6 |
A 7 | A B | C D |
Script di bawah ini:
<table width="220" border="1">
<tr> <th colspan="3" scope="col"><div align="center">ABCD
</div></th> </tr>
<tr> <td><div align="center"><strong>A 1</strong></div></td>
<td><div align="center"><strong>A 2</strong></div></td>
<td><div align="center"><strong>A 3</strong></div></td>
</tr>
<tr> <td><div align="center">A 4</div></td>
<td><div align="center">A 5</div></td>
<td><div align="center">A 6</div></td>
</tr>
<tr> <td><div align="center">A 7</div></td>
<td><div align="center">A B</div></td>
<td><div align="center">C D</div></td>
</tr>
</tbody>
</table>
Keterangan: width="220" untuk nilai lebar bisa sobat ganti sesuai keinginan
Semoga bermanfaat:...




0 komentar:
Posting Komentar