pengolahan tabel di script HTML,tag
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 tabel | testting tabel |
testting tabel |
sekarang akan saya contoh kan bentuk tabel yang lebih rumit,
<table border="1" width="100%">
<tbody>
<tr>
<td colspan="2"> </td>
<td> </td>
<td rowspan="3"> </td>
</tr>
<tr>
<td> </td>
<td rowspan="2"> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td colspan="4"> </td>
</tr>
<tr>
<td rowspan="2"> </td>
<td> </td>
<td rowspan="2" colspan="2"> </td>
</tr>
<tr>
<td> </td>
</tr>
</tbody>
</table>
Tidak ada komentar:
Posting Komentar
pembaca yang baik selalu menginggalkan jejak