Contoh Program >>>
<!DOCTYPE html>
<html>
<head>
<title>belajar tabel</title>
</head>
<body background="up.jpg">
<table align="center" border = "1" cellpadding="10" cellspacing="0">
<caption><font color=white><h1>Menu Makanan</h1>
<marquee behavior="alternate" width="400">Bagycb</marquee><br>
<marquee behavior="alternate" width="400">2019</marquee><br></color>
</caption>
<tr style="background-color: grey; color: white"><!-- baris 1 -->
<td rowspan="2">No</td>
<th rowspan="2" width="100">Nama Makanan</th>
<th rowspan="2" width="100">Nama Daerah</th>
<th rowspan="2" width="100">Foto</th>
<th colspan="3">Harga</th>
</tr>
<tr style="background-color: grey; color: white" align="center">
<th>Paket 1</th>
<th>Paket 2</th>
<th>Paket 3</th>
</tr>
<tr bgcolor="violet" align="center"><!-- baris 2 -->
<td>1</td>
<td>Gudeg Jogja</td>
<td>Yogyakarta</td>
<td><img src="gudeg1.jpg" width="100" height="100"></td>
<td>Rp.25.000 <br>----- <br>isi 1bungkus</td>
<td>Rp.48.000 <br>----- <br>isi 2bungkus</td>
<td>Rp.120.000 <br>----- <br>isi 5bungkus</td>
</tr>
<tr bgcolor="red" align="center"><!-- baris 3 -->
<center>
<td>2</td>
<td>Sate madura</td>
<td>Madura </td>
<td><img src="madura.jpg" width="100" height="100"></td>
<td>Rp.15.000 <br>----- <br>isi 1bungkus</td>
<td>Rp.28.000 <br>----- <br>isi 2bungkus</td>
<td>Rp.75.000 <br>----- <br>isi 6bungkus</td>
</tr>
<tr bgcolor="blue" align="center"><!-- baris 4 -->
<td>3</td>
<td>Dodol Garut</td>
<td>Garut</td>
<td><img src="dodol.jpg" width="100" height="100"></td>
<td>Rp.27.000 <br>----- <br>isi 20pcs</td>
<td>Rp.79.000 <br>----- <br>isi 60pcs</td>
<td>Rp.155.000 <br>----- <br>isi 120pcs</td>
</tr>
<tr bgcolor="yellow" align="center"><!-- baris 5 -->
<td>4</td>
<td>Sosis Solo</td>
<td>Solo</td>
<td><img src="sosis.jpg" width="100" height="100"></td>
<td>Rp.30.000 <br>----- <br>isi 6pcs</td>
<td>Rp.80.000 <br>----- <br>isi 18pcs</td>
<td>Rp.200.000 <br>----- <br>isi 48pcs</td>
</tr>
<tr bgcolor="purple" align="center"><!-- baris 6 -->
<td>5</td>
<td>Bakpia Pathok</td>
<td>Yogyakarta</td>
<td><img src="bakpia.jpeg" width="100" height="100"></td>
<td>Rp.30.000 <br>----- <br>isi 1pack</td>
<td>Rp.120.000 <br>----- <br>isi 4pack</td>
<td>Rp.210.000 <br>----- <br>isi 8pack</td>
</tr>
<tr bgcolor="green" align="center"><!-- baris 7 -->
<td>6</td>
<td>Telur Bebek</td>
<td>Boyolali</td>
<td><img src="telurb.jpg" width="100" height="100"></td>
<td>Rp.28.000 <br>----- <br>isi 6pcs</td>
<td>Rp.50.000 <br>----- <br>isi 12pcs</td>
<td>Rp.90.000 <br>----- <br>isi 24pcs</td>
</tr>
</table>
</body>
</html>
0 Response to "Membuat Menu Makanan Menggunakan HTML"
Post a Comment