Cara Membuat Tabel HTML dengan tag <table>, <tr> dan <td>
Untuk membuat tabel di HTML, kita membutuhkan setidaknya 3 tag, yaitu tag <table>, tag <tr>,dan tag <td>:
- Tag <table> digunakan untuk memulai tabel
- Tag <tr> adalah singkatan dari table row, digunakan untuk membuat baris dari tabel.
- Tag <td> adalah singkatan dari table data, digunakan untuk menginput data ke tabel.
Agar lebih jelas, kita akan langsung menggunakan contoh kode HTML:
<html>
<head>
<title>Table</title>
</head>
<body>
<table = Border=11px cellspacing=20 cellpadding=20 align=center bgcolor=teal width=400 height=344>
<tr>
<th>Table Header1</th>
<th>Table Header2</th>
<tr>
<td colspan=2 align=center>Menggabungkan 2 Kolom</td>
</tr>
<tr>
<td>Kolom 1 Baris 2</td>
<td>Kolom 2 baris 2</td>
</tr>
<tr>
<td rowspan=3 align=center>Kolom 1 Baris 3</td>
<td>Kolom 2 baris 3</td>
</tr>
<tr>
<td>Kolom 2 baris 4</td>
</tr>
<tr>
<td>Kolom 2 Baris 5</td>
</tr>
</table>
</body>
</html>
fungsi colspan sebagai column expand dan begitu juga rowspan sebagai row expand
maka akan memunculkan hasil sebagai berikut :
untuk pembahasan yang lain akan saya bahas pada post selanjutnya , pantau terus blog ini ya... ^^
pengunjung yang baik tidak lupa meninggalkan komentar , kalian bisa request sesuatu lewat komentar.
Post a Comment
Pengunjung Yang Baik Paling Tidak Tinggalkanlah Komentar.