Nah, sekarang aku akan memberitahukan kepada kalian bagaimana aku membuat tugas tabel menu makanan di kelasku~! Buka notepad dan masukkan listing yang dibawah :
(jangan lupa untuk mengganti nama file gambarnya dengan nama file gambar kalian sendiri)
-------------------------------------------------------
<html>
<head>
<title> Contoh menu makanan </title>
</head>
<body background="cover3.jpg">
<font color="yellow" size="20" face="elephant">
Ditha's Cafe </font>
<img src="image.jpg" align="middle"><img src="image2.jpg" align="middle"><img src="image5.jpg" align="middle"><img src="image4.jpg" align="middle"><img src="image3.jpg" align="middle">
<br>
<font color="Greenyellow" size="5" face="calibri">
Menu Makanan & Minuman </font>
<hr width="100%" size="10" color="brown"><br>
<table bgcolor="white" border="2">
<caption align="top">
<font size="5" color="white" face="elephant">
Makanan:</font></caption>
<tr bgcolor="darkorange"><td colspan=3 align="center"><b>Menu Pembuka</b></td></tr>
<tr bgcolor="indianred"><th>No</th><th>Nama Makanan</th><th>Harga</th></tr>
<tr background="cover4.png">
<td align="center" width="30">1</td>
<td align="left" width="170" height="30">Mie Goreng</td>
<td align="right" width="70" height="30">12.500</td>
</tr>
<tr background="cover4.png">
<td align="center" width="30">2</td>
<td align="left">Nasi Goreng</td>
<td align="right">10.000</td>
</tr>
<tr background="cover4.png">
<td align="center">3</td>
<td align="left">Bakso</td>
<td align="right">9.000</td>
</tr>
<tr background="cover4.png">
<td align="center">4</td>
<td align="left">Chicken Teriyaki</td>
<td align="right">15.000</td>
</tr>
<tr background="cover4.png">
<td align="center">5</td>
<td align="left">Spaghetti Bolognaise</td>
<td align="right">10.000</td>
</tr>
<tr background="cover4.png">
<td align="center">6</td>
<td align="left">Steak</td>
<td align="right">25.000</td>
</tr>
<tr background="cover4.png">
<td align="center">7</td>
<td align="left">Kentang Goreng</td>
<td align="right">8.000</td>
</tr>
<tr background="cover4.png">
<td align="center">8</td>
<td align="left">Tempe & Tahu Goreng</td>
<td align="right">9.000</td>
</tr>
<tr bgcolor="darkorange"><td colspan=3 align="center"><b>Dessert</b></td></tr>
<tr bgcolor="indianred"><th>No</th><th>Nama Makanan</th><th>Harga</th></tr>
<tr background="cover4.png">
<td align="center">1</td>
<td align="left" width="170" height="30">Salad Buah</td>
<td align="right" width="70" height="30">7.000</td>
</tr>
<tr background="cover4.png">
<td align="center">2</td>
<td align="left">Bread Banana Ice Cream</td>
<td align="right">9.000</td>
</tr>
<tr background="cover4.png">
<td align="center">3</td>
<td align="left">Serabi</td>
<td align="right">15.000</td>
</tr>
<tr background="cover4.png">
<td align="center">4</td>
<td align="left">Pancake</td>
<td align="right">9.000</td>
</tr>
<tr background="cover4.png">
<td align="center">5</td>
<td align="left">Ice Cream Parfait</td>
<td align="right">11.000</td>
</tr>
<tr background="cover4.png">
<td align="center">4</td>
<td align="left">Sop Buah</td>
<td align="right">5.500</td>
</tr>
<table bgcolor="white" border="2">
<caption align="top">
<font size="5" color="white" face="elephant">
Minuman:</font></caption>
<tr bgcolor="darkorange"><td colspan=3 align="center"><b>Hot/Cold Drinks</b></td></tr>
<tr bgcolor="indianred"><th>No</th><th>Nama Minuman</th><th>Harga</th></tr>
<tr background="cover4.png">
<td align="center" width="20">1</td>
<td align="left" width="170" height="30">Milk Shake</td>
<td align="right" width="70" height="30">5.000</td>
</tr>
<tr background="cover4.png">
<td align="center" width="30">2</td>
<td align="left">Coffee Late</td>
<td align="right">9.000</td>
</tr>
<tr background="cover4.png">
<td align="center" width="30">3</td>
<td align="left">Cappucino</td>
<td align="right">8.000</td>
</tr>
<tr background="cover4.png">
<td align="center" width="30">4</td>
<td align="left">Teh</td>
<td align="right">3.000</td>
</tr>
<tr background="cover4.png">
<td align="center" width="30">4</td>
<td align="left">Lemon tea</td>
<td align="right">4.000</td>
</tr>
<tr bgcolor="darkorange"><td colspan=3 align="center"><b>Fresh Juice</b></td></tr>
<tr bgcolor="indianred"><th>No</th><th>Nama Minuman</th><th>Harga</th></tr>
<tr background="cover4.png">
<td align="center" width="20">1</td>
<td align="left" width="170" height="30">Mangga</td>
<td align="right" width="70" height="30">5.000</td>
</tr>
<tr background="cover4.png">
<td align="center" width="30">2</td>
<td align="left">Jeruk</td>
<td align="right">5.000</td>
</tr>
<tr background="cover4.png">
<td align="center" width="30">3</td>
<td align="left">Wortel</td>
<td align="right">5.000</td>
</tr>
<tr background="cover4.png">
<td align="center" width="30">4</td>
<td align="left">Alpukat</td>
<td align="right">5.000</td>
</tr>
<tr background="cover4.png">
<td align="center" width="30">5</td>
<td align="left">Guava</td>
<td align="right">5.000</td>
</tr>
<tr background="cover4.png">
<td align="center" width="30">6</td>
<td align="left">Strawberry</td>
<td align="right">5.000</td>
</tr>
<tr background="cover4.png">
<td align="center" width="30">7</td>
<td align="left">Tomat</td>
<td align="right">5.000</td>
</tr>
</table><br>
<hr width="100%" size="10" color="brown">
By Ananda Ditha S.N
</body>
</html>
------------------------------------------------------------------------------------
Kemudian simpan notepad dalam bentuk HTML(.html). Selesai! Oh ya, background tampilannya bisa kalian ganti sendiri sesuka kalian. Ini tampilan dari listing diatas :)
Selamat Mencoba~!
makasih
ReplyDeletekak kenapa gambar menu makanan ya enggak muncul
Deleteada yg bisa bantu ngak plis ya
Sesuaikan lokasi dimana gambarnya
DeleteThanks kak , atas contoh program nya
ReplyDeleteTrmksh
ReplyDeleteterima kasih
ReplyDeleteterimah kasih
ReplyDelete