Nama : Moh. Izzatul Haqi
NRP : 5053231032
Prodi : Rekayasa Perangkat Lunak
Kelas : Pemrograman Web (M)
Github : GitHub
Pada pertemuan minggu ke dua kuliah pemrograman web terdapat penugasan untuk membuat tabel menggunakan html :
1. Tabel Produk
gambar hasil :
kode :
<!DOCTYPE html>
<html>
<head>
<title>Tabel Produk</title>
</head>
<body>
<table border="1">
<tr>
<th colspan="3" bgcolor="yellow">Produk Unggulan</th>
</tr>
<tr>
<td rowspan="4">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi15AMR_inwnf1u6GuMwUWmO_Y8pcXA_RPdLsOXGRTUkcRdmVBR9vNLw2ddYpjaOTgHhBj3Bee7PHglsgRYQAs8Rzc1UwOu0rorNijXv46akkrp87saofdEVMFMqscRozul1DybQMW4LQFE-yoOHMmIU8w3Z3YSJz_Ophyphenhyphen7dexh1wc-Tu_qVXZfc6qG4rqo/s650/Screenshot%202024-09-11%20at%2021.24.25.png" width="200" />
</td>
</tr>
<tr>
<td>Nama</td>
<td>Benih Kode</td>
</tr>
<tr>
<td>Harga</td>
<td>Rp 192.000</td>
</tr>
<tr>
<td>Fitur</td>
<td>
<ul>
<li>Dilengkapi Dokumentasi</li>
<li>Ukuran: 31MB</li>
<li>Masa Tanam: 6 Bulan</li>
<li>Lisensi: MIT</li>
</ul>
</td>
</tr>
</table>
</body>
</html>
2. Tabel Nilai
gambar hasil :
kode :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tabel Nilai</title>
<style>
table {
border-collapse: collapse;
width: 60%;
}
table, th, td {
border: 1px solid black;
}
th, td {
padding: 10px;
text-align: center;
}
th {
background-color: #1173b2;
color: white;
}
</style>
</head>
<body>
<table>
<tr>
<th rowspan="2">Nama</th>
<th colspan="3">Nilai</th>
</tr>
<tr>
<th>Kimia</th>
<th>Fisika</th>
<th>Biologi</th>
</tr>
<tr>
<td>Robby</td>
<td>76</td>
<td>80</td>
<td>81</td>
</tr>
<tr>
<td>Rendi</td>
<td>84</td>
<td>70</td>
<td>75</td>
</tr>
<tr>
<td>Alfian</td>
<td>96</td>
<td>70</td>
<td>71</td>
</tr>
</table>
</body>
</html>
Berikut yang dapat saya implementasikan dari pertemuan 2 untuk dapat membuat tabel produk, tabel nilai, dan halaman login menggunakan html dengan tag seperti <table>, <tr>, dan <td>.
0 Komentar