Berikut adalah contoh coding HTML untuk membuat buku induk siswa yang dapat anda gunakan sebagai referensi :
<!DOCTYPE html>
<html>
<head>
<title>Buku Induk Siswa SMK</title>
<style>
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
th, td {
padding: 5px;
text-align: center;
}
</style>
</head>
<body>
<h1>Buku Induk Siswa SMK</h1>
<table>
<thead>
<tr>
<th>No</th>
<th>NISN</th>
<th>Nama</th>
<th>Jenis Kelamin</th>
<th>Kelas</th>
<th>Jurusan</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>1234567890</td>
<td>Alice</td>
<td>Perempuan</td>
<td>XII-A</td>
<td>Teknik Komputer dan Jaringan</td>
</tr>
<tr>
<td>2</td>
<td>0987654321</td>
<td>Bob</td>
<td>Laki-laki</td>
<td>XI-B</td>
<td>Rekayasa Perangkat Lunak</td>
</tr>
<tr>
<td>3</td>
<td>5678901234</td>
<td>Cathy</td>
<td>Perempuan</td>
<td>X-B</td>
<td>Teknik Elektronika Industri</td>
</tr>
</tbody>
</table>
</body>
</html>
Penjelasan:
- Pertama-tama, kita membuat tag table untuk membuat tabel buku induk siswa.
- Di dalam tag table, kita membuat tag thead untuk membuat header tabel dan tag tbody untuk menampilkan data siswa.
- Pada header tabel, kita menambahkan tag tr untuk membuat baris header dan tag th untuk membuat sel header.
