sekarang saya akan menshare bagaimana cara membuat table dengan HTML. Jika kalian belum tahu apa itu HTML silahkan baca berkenalan dengan HTML dalam membuat table kita harus membuka sintaks dengan <table> nah biar lebih megerti dan lebih jelas berikut ini adalah struktur dasar membuat table
<table border="1">
<tr>
<td></td>
</tr>
</table>
Contoh :
<table border="1">
<tr>
<td>row 1 cell 1</td>
<td>row 1 cell 2</td>
</tr>
<tr>
<td>row 2 cell 1</td>
<td>row 2 cell 2</td>
</tr>
</table>
maka hasilnya akan seperti ini :
row 1 cell 1 | row 1 cell 2 |
row 2 cell 1 | row 2 cell 2 |
Menggabungkan 2 cell menjadi 1
untuk menggabungkan 2 cell menjadi 1 di dalam tag td kita tambahkan colspan
contoh :
<table border="1">
<tr>
<td colspan="2">row 1 cell 1</td>
</tr>
<tr>
<td>row 2 cell 1</td>
<td>row 2 cell 2</td>
</tr>
</table>
dan hasilnya akan seperi ini :
<tr>
<td colspan="2">row 1 cell 1</td>
</tr>
<tr>
<td>row 2 cell 1</td>
<td>row 2 cell 2</td>
</tr>
</table>
dan hasilnya akan seperi ini :
row 1 cell 1 | |
row 2 cell 1 | row 2 cell 2 |
nah untuk menggabungkan 2 row menjadi 1 caranya sama hanya saja colspan diganti dengan rowspan
sekian semoga mengerti :D
0 komentar:
Posting Komentar