Tugas Pertemuan 3
Nama : Nuhito Atmoko
NRP : 5053231002
Prodi : S1 RPL
TUGAS PERTEMUAN 3
<!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 {
width: 300px;
border-collapse: collapse;
border: 2px solid black;
}
th, td {
border: 1px solid black;
padding: 10px;
text-align: center;
}
.header{
background-color: rgb(74, 74, 169);
color : white;
}
</style>
</head>
<body>
<table>
<tr class = "header">
<td rowspan="2">Nama</td>
<td colspan="3">Nilai</td>
</tr>
<tr class = "header">
<td>Kimia</td>
<td>Fisika</td>
<td>Biologi</td>
</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>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Iklan Produk</title>
<style>
table {
width: 500px;
border-collapse: collapse;
border: 2px solid black;
}
th, td {
border: 1px solid black;
padding: 10px;
text-align: left;
}
th {
background-color: yellow;
text-align: center;
}
.product-image {
text-align: center;
}
.product-image img {
width: 150px;
height: auto;
}
</style>
</head>
<body>
<table>
<tr>
<th colspan="3">Produk Unggulan</th>
</tr>
<tr>
<td rowspan="4" class="product-image">
<img src="assets/benih.png" alt="Product Image">
</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>
<li>Dilengakapi Dokumentasi</li>
<li>Ukuran : 31 MB</li>
<li>Masa Tanam : 6 Bulan</li>
<li>Lisensi : MIT</li>
</td>
</tr>
</table>
</body>
</html>
Komentar
Posting Komentar