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

0 komentar:

Posting Komentar

negrionta tutorial © 2011 Template by:
rizkymakkah