Anda dapat menggunakan elemen <table> untuk mengatur data dalam bentuk tabel pada halaman HTML. Berikut adalah contoh penggunaan tabel untuk mengatur data:
<!DOCTYPE html>
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<h1>Data Mahasiswa</h1>
<table>
<tr>
<th>Nama</th>
<th>Usia</th>
<th>Program Studi</th>
</tr>
<tr>
<td>John Doe</td>
<td>20</td>
<td>Teknik Informatika</td>
</tr>
<tr>
<td>Jane Smith</td>
<td>22</td>
<td>Sistem Informasi</td>
</tr>
</table>
</body>
</html>Dalam contoh di atas, elemen <table> digunakan untuk membuat tabel. Elemen <tr> digunakan untuk mendefinisikan baris dalam tabel, sedangkan elemen <th> digunakan untuk mendefinisikan sel header. Elemen <td> digunakan untuk mendefinisikan sel data.
Hasilnya pada halaman web akan terlihat seperti ini:
Data Mahasiswa
| Nama | Usia | Program Studi |
|---|---|---|
| John Doe | 20 | Teknik Informatika |
| Jane Smith | 22 | Sistem Informasi |
Dalam contoh tersebut, terdapat tabel dengan tiga kolom (Nama, Usia, Program Studi) dan dua baris data. Anda dapat menambahkan baris atau kolom tambahan dengan menambahkan elemen <tr>, <th>, atau <td> sesuai kebutuhan.
Tabel memungkinkan Anda untuk mengatur dan menampilkan data secara terstruktur dalam halaman web, baik itu data statis atau data yang dihasilkan secara dinamis.
