Malam agan-agan semua, kali ini saya mau memberi tutorial, bagaimana cara Membuat Tabel dengan HTML. caranya tidak lah susah.
pertama saya akan ajarkan membuat tabel seperti ini
caranya
<table border="1">
<tr><td>baris 1 kolom 1</td><td>baris 1 kolom 2</td></tr>
<tr><td>baris 2 kolom 1</td><td>baris 2 kolom 2</td></tr>
</table>
penjelasan,
<table> ... </table> adalah tag html yang menandakan itu sebuah table, sedangkan border="1" yang berada dalam table berfungsi sebagai pembuat garis-garis tabel setebal 1 px
<tr> ... </tr> adalah tag html yang menandakan sebagai baris dalam tabel
<td>... </td> adalalah tag html yang menandakan sebagai kolom dalam tabel
kemudian bagaimana cara membuat tabel seperti ini
Caranya
pertama saya akan ajarkan membuat tabel seperti ini
baris 1 kolom 1 | baris 1 kolom 2 |
baris 2 kolom 1 | baris 2 kolom 2 |
caranya
<table border="1">
<tr><td>baris 1 kolom 1</td><td>baris 1 kolom 2</td></tr>
<tr><td>baris 2 kolom 1</td><td>baris 2 kolom 2</td></tr>
</table>
penjelasan,
<table> ... </table> adalah tag html yang menandakan itu sebuah table, sedangkan border="1" yang berada dalam table berfungsi sebagai pembuat garis-garis tabel setebal 1 px
<tr> ... </tr> adalah tag html yang menandakan sebagai baris dalam tabel
<td>... </td> adalalah tag html yang menandakan sebagai kolom dalam tabel
kemudian bagaimana cara membuat tabel seperti ini
baris 1 kolom 1 dan 2 | baris 1 kolom 3 | |
baris 2 kolom 1 | baris 2 kolom 2 | baris 2 kolom 3 |
Caranya
<table border="1">
<tr>
<td colspan="2">baris 1 kolom 1 dan 2</td>
<td>baris 1 kolom 3</td>
</tr>
<tr>
<td>baris 2 kolom 1</td>
<td>baris 2 kolom 2</td>
<td>baris 2 kolom 3</td>
</tr>
</table>
Penjelasan
colspan="2" menandakan ada dua kolom yang di gabung
Trakhir kita akan membuat tabel seperti ini
baris 1 kolom 1 dan 2 | baris 1 kolom 2 | baris 1 kolom 3 |
baris 2 kolom 2 | baris 2 kolom 3 |
caranya
<table border="1">
<tr>
<td rowspan="2">baris 1 kolom 1 dan 2</td>
<td>baris 1 kolom 2</td>
<td>baris 1 kolom 3</td>
</tr>
<tr>
<td>baris 2 kolom 2</td>
<td>baris 2 kolom 3</td>
</tr>
</table>
penjelasan
rowspan="2" menandakan ada 2 baris dijadikan satu dalam satu kolom
Nah begitulah cara membuat tabel dengan HTML. Semoga Bermanfaat