Tugas 2 Pemrograman Web " Tabel dalam HTML & CSS "
Tugas 2 Pemrograman Web
" Tabel dalam HTML & CSS "
Augista Eksofon Pradana
NRP : 5053231018
Pemrograman Web (M)
Link Tugas :
https://tugas-pweb-augista.vercel.app/
Tabel Nilai
Link Tugas = Tabel Nilai
HTML =
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tugas Table</title>
<link rel="stylesheet" href="table.css">
</head>
<body>
<table>
<tr>
<th rowspan="2">Nama</th>
<th colspan="3">Nilai</th>
</tr>
<th>Kimia</th>
<th>Fisika</th>
<th>Biologi</th>
<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>97</td>
<td>70</td>
<td>71</td>
</tr>
</table>
</body>
</html>
CSS =
table {
width: 70%;
border-collapse: collapse;
}
th{
border: 1px solid black;
padding: 8px;
text-align: center;
color: #f9f9f9;
}
td{
border: 1px solid black;
padding: 8px;
}
th {
background-color: #215e9f;
font-weight: bold;
}
tr:nth-child(even) {
background-color: #f9f9f9;
}
Tugas Table Produk
Link Tugas = Tabel Produk
HTML =
<!DOCTYPE html>
<html>
<head>
<title>Belajar Membuat Tabel HTML</title>
</head>
<body>
<table border="1">
<tr>
<th colspan="3" bgcolor="yellow">
Produk Unggulan
</th>
</tr>
<tr>
<td rowspan="4">
<img src="bibit.png">
</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>
Komentar
Posting Komentar