pengolahan tabel di script HTML,tag
Mudahnya saja baris itu adalah garis horisontal dan kolom itu adalah garis vertikal
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe4uvM_h58FjtCfBLE0ZRZDI77LQlwZ73v4ZhYwvgtTVNALLDaSsBNCKhmyLSxW_AuaJcg7QcaIT8RpObWWpkEj7bh8_rOvrw_9uymDOoavHbl85hSSy8pniFzelQCw1nfst0xvBJX7yY/s320/tabel.jpg)
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