Pembuatan Table-tugas 3
TUGAS-3
link: Pencet Disini
Pembuatan tabel
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" >
<title>belajar table HTML</title>
<style>
table {
border-collapse: collapse;
}
table,
th,
td {
border: 1px solid black;
}
th,
td {
padding: 10px;
}
th {
background-color: #4CAF50;
color: white;
}
</style>
</head>
<body>
<table border="1"
<tr>
<th rowspan="2">Nama</th>
<th colspan="3">Nilai</th>
</tr>
<tr>
<th>Kimia</th>
<th>Biologi</th>
<th>Fisika</th>
</tr>
<tr>
<td>Jasmine</td>
<td>80</td>
<td>90</td>
<td>70</td>
</tr>
<tr>
<td>Aziza</td>
<td>90</td>
<td>80</td>
<td>70</td>
</tr>
<tr>
<td>Bambang</td>
<td>70</td>
<td>90</td>
<td>80</td>
</tr>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>
belajar buat tabel
</title>
</head>
<body>
<table border="1">
<tr>
<th colspan="3" bgcolor="yellow">Produk Unggulan</th>
</tr>
<tr>
<td rowspan="4">
<iframe src="https://i.pinimg.com/236x/63/6d/3a/636d3a9f1552d60f5980269f8d6fdb7b.jpg" height="438" width="236" frameborder="0"
scrolling="no"></iframe>
</td>
</tr>
<tr>
<td>Nama</td>
<td>Jasa Sleep Call 10 menit</td>
</tr>
<tr>
<td>harga</td>
<td>Rp 100.000</td>
</tr>
<tr>
<td>fitur</td>
<td>
<ul>
<li>Dilengkapi suara sleepcall able</li>
<li>sangat pengertian dan peka</li>
<li>Tidak menyebarkan informasi</li>
<li>Boleh request panggilan sayang</li>
</ul>
</td>
</tr>
</table>
</body>
</html>
Comments
Post a Comment