soal pertama
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TOKO ELEKTRONIK</title>
</head>
<body>
<h1 style="color: blue;">SPESIFIKASI PRODUK</h1>
<h3 style="color:brown;">TAHUN 2023</h3>
<div style="background-color: aqua; padding: 5%;">
<table border="3" cellspacing="5" cellpadding="10">
<tr>
<TH colspan="3">DAFTAR PRODUK</tH>
</tr>
<tr>
<td align="center" rowspan="3" ><img src="TMN.jpg" alt="TAMAN" width="100px" height="100px" ></td>
<td>NAMA PRODUK</td>
<td>CANONEOS</td>
</tr>
<tr>
<td>HARGA</td>
<td>Rp. 4.000.000</td>
</tr>
<tr>
<td>FITUR PRODUK</td>
<td>
<ul>
<li>KAMERA</li>
<li>LAYAR</li>
</ul>
<ol>
<li>BATTERY: 6000MAH</li>
<li>USB: TYPE C</li>
</ol>
</td>
</tr>
</table>
</div>
</body>
</html>
outputnya:
soal 2 buatlah output seperti ini
skriptnya:
<html>
<head>
<title>Contoh HTML</title>
</head>
<body>
<!-- Latar Belakang Warna Berbeda -->
<div style="background-color: #add8e6; padding: 20px;">
<h1 style="color: red;">Ini adalah Judul</h1>
<p style="color: green;">Ini adalah paragraf dengan teks berwarna hijau.</p>
<hr> <!-- Garis Horizontal -->
<!-- Tabel dengan Merge Kolom dan Baris -->
<table border="1">
<tr>
<td rowspan="2">Kolom 1</td>
<td colspan="2">Kolom 2</td>
</tr>
<tr>
<td>Sub Kolom 2.1</td>
<td>Sub Kolom 2.2</td>
</tr>
<tr>
<td>Baris 2</td>
<td>Baris 2</td>
<td rowspan="2">Baris 2</td>
</tr>
<tr>
<td>Baris 3</td>
<td>Baris 3</td>
</tr>
</table>
</div>
<div style="background-color: chartreuse;padding:30px;"
<!-- Gambar di Salah Satu Baris -->
<img src="ubsilogo.jpg" alt="Ini adalah gambar" width="200">
</div>
</body>
</html>
Comments