Ads 468x60px

Pages

Subscribe:

Featured Posts

Kamis, 21 Juli 2011

Cara Membuat Tabel Kolom Di Blog


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:...