Selasa, 08 November 2011

Mebuat tabel di HTML

Tabel adalah bagian dalam membuat halaman web,oleh karena itu kita harus mahir dalam
pengolahan tabel di script HTML,tag di tulis dalam tag .Pertama kita harus tahu paradigma baris dan kolom.
Mudahnya saja baris itu adalah garis horisontal dan kolom itu adalah garis vertikal
Dan di HTML baris di representasikan dangan tag ,sedangkan kolom di represantikan
tag .Untuk aribut2 yang ada dalam tabel bisa di lihat di post sebelumnya
.Ini adalah
skema tabel.
 <table border="1">
<tbody>
<tr> <!-- baris pertama -->
<td>testting tabel</td> <!-- ada satu kolom dalam baris pertama -->
</tr>
</tbody>
</table>
testting tabel

hal yang penting lagi dalam utak utk tabel adalah atribut colspan dan rowspan,colspan adalah
atribut untuk menggabungkan kolom,sedangkan rowspan adalah atribut untuk menggabungkan
baris.
 <table border="1">
<tbody>
<tr>
<td colspan="2">testting tabel</td>
</tr>
<tr>
<td >testting tabel</td>
<td >testting tabel</td>
</tr>
</tbody>
</table>
testting tabel
testting tabel testting tabel

 <table border="1">
<tbody>
<tr>
<td rowspan="2">testting tabel</td>
<td >testting tabel</td>
</tr>
<tr>
<td >testting tabel</td>
</tr>
</tbody>
</table>
testting tabeltestting tabel
testting tabel

sekarang akan saya contoh kan bentuk tabel yang lebih rumit,

 <table border="1" width="100%">
<tbody>
<tr>
<td colspan="2">&nbsp;</td>
<td>&nbsp;</td>
<td rowspan="3">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td rowspan="2">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td colspan="4">&nbsp;</td>
</tr>
<tr>
<td rowspan="2">&nbsp;</td>
<td>&nbsp;</td>
<td rowspan="2" colspan="2">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</tbody>
</table>













Sebenarnya ini adalah sangat mudah,hanya saja kita harus benar-benar tahu fungsi colspan dan rowspan .Jika kita mengusai tabel dengan benar,insaalloh kita akan mudah dalam pengerjaan web.Sekian dulu :)

Tidak ada komentar:

Posting Komentar

pembaca yang baik selalu menginggalkan jejak