Dalam menampilkan data yang terstruktur atau tampilan dari database, kita biasanya akan membuatnya dalam bentuk tabel. HTML juga menyediakan Tabel tag digunakan untuk menampilkan data dalam bentuk tabel. Dalam postingan ini saya akan memberi contoh pembuatan tabel di html.
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:
Contoh penggunaan tag <table>:
Contoh penggunaan tag <table>:
<!DOCTYPE html>
<html>
<head>
<title> Penggunaan Tag Tabel </title>
</head>
<body>
<h1> Belajar Tag Tabel </h1>
<table border="1">
<tr>
<td> Baris 1,
Kolom 1 </td>
<td> Baris 1,
Kolom 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>
<tr>
<td> Baris 3,
Kolom 1 </td>
<td> Baris 3,
Kolom 2 </td>
<td> Baris 3,
Kolom 3 </td>
</tr>
<tr>
<td> Baris 4,
Kolom 1 </td>
<td> Baris 4, Kolom 2 </td>
<td> Baris 4,
Kolom 3 </td>
</tr>
</table>
</body>
</html>
Nah sekian
postingan kali ini mengenai Cara Membuat Tabel Dengan HTML. Kalian bisa variasikan dengan keinginan kalian ya. Semoga panduan
diatas berguna dan bermanfaat bagi pembaca. Terima Kasih.
No comments:
Post a Comment