Follow Us @soratemplates

Saturday, 16 January 2016

Cara membuat tabel di HTML

Hallo sobat blogger. Dalam membuat tabel di html dibutuhkan 3 tag penting yaitu <table> </table> (untuk menampilkan data dalam bentuk tabel ) , <tr> </tr> (untuk menentukan baris) , <td> </td> (untuk menampilkan data). Nah untuk si tag <td> ada akarnya nih yaitu <td rowspan> (untuk membuat baris) dan <td colspan> (untuk membuat kolom) kedua tag ini ditutup dengan tag </td>. Ini tuh dasar untuk membuat tabel di html, kalo kamu udah paham ini pasti kamu bisa bikin tabel di html dengan mudah. Gak usah banyak kata langsung aja kita ke materi..

Cara membuat tabel pada html
1. Buat struktur html nya
<html>
<head>
<title> Cara membuat tabel di html <title>
</head>
<body>
</body>
</html>

2. Kita buat tabelnya . Disini kita pakai tag <table border> untuk menentukan jumlah baris pada tabel nanti.
<html>
<head>
<title> Cara membuat tabel di html </title>
</head>
<body>
<table border="1">
<tr>
<td> No </td>
<td colspan="2"> Tabel 1 </td>
<td colspan="3"> Tabel 2 </td>
</tr>
<tr>
<td rowspan="3"> 1 </td>
<td colspan="2"> Isi 1 </td>
<td colspan="3"> Isi 2 </td>
</tr>
<tr>
<td colspan="2"> Isi 3 </td>
<td colspan="3"> Isi 4 </td>
</tr>
</table>
</body>
</html>

3. Jika sudah simpan file ini dengan tambahn .html contoh cara membuat tabel di html.html
4. Maka hasilnya akan seperti ini


Terima kasih . Semoga bermanfaat ^_^

No comments:

Post a Comment