Cara Membuat Tabel di HTML
Pada tutotial kali ini kita akan membahas tentang cara membuat tabel di html.
Beberapa tag yang harus diingat untuk membuat tabel di HTML:
- Tag <table> untuk membungkus tabelnya
- Tag <thead> untuk membungkus bagian kepala tabel
- Tag <tbody> untuk membungkus bagian body dari tabel
- Tag <tr> (tabel row) untuk membuat baris
- Tag <td> (table data) untuk membuat sel
- Tag <th> (table head) untuk membuat judul pada header
Tag yang paling penting yang harus diingat adalah tag <table>, <tr>, dan <td>. Sementara tag yang lain adalah tambahan (opsional), boleh digunakan boleh tidak.
untuk itu langsung saja silahkan buat file denna ekstensi html kemudian ketikkan script dibawah ini :
<!DOCTYPE html>
<html>
<head>
<title>Tabel</title>
</head>
<body>
<h5>Cara membuat Tabel di html</h5>
<table>
<thead>
<tr>
<th>No</th>
<th>Program Studi</th>
<th>Jurusan</th>
<th>Jenjang</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Teknik Informatika</td>
<td>Teknik Informatika (TI)</td>
<td>Stara Satu (S1)</td>
</tr>
<tr>
<td>2</td>
<td>Sistem Informasi</td>
<td>Sistem Informasi (SI)</td>
<td>Stara Satu (S1)</td>
</tr>
<tr>
<td>1</td>
<td>Manajemen Informatika</td>
<td>Teknik Informatika (MI)</td>
<td>Doploma Tiga (D3)</td>
</tr>
</tbody>
</table>
</body>
</html>
jika sudah silahkan simpan kemudian silahkan buka browser untuk melihat hasilnya.
Sekian dulu tutorial kali ini terima kasih.
Leave a Comment