You are on page 1of 9

WEB PROGRAMMING LAB

Lab programs
Lab program – 01 List Dates: 13-01-2022

Problem statement: Design a html page to illustrate ordered, unordered and


definition list.
Source code:
restaurant.html
<!DOCTYPE html>
<html>
<title>restaurant</title>
<body>
<h1><center><marquee width="60%" direction="right"
height="100px" scrollamount="26">Classic North Indian Dhaba Style
Restaurant</marquee></center></h1>
<h2> <center>ABOUT </center></h2>
<ALIGN=center><IMG SRC="dabba.jpg" width="400"
height="200"><ALIGN=center><IMG SRC="dabba10.jpg"width="400"
height="200"> <ALIGN=center><IMG SRC="dabba5.jpg" width="400"
height="200">
<body bgcolor="brown"><font face="Segoe UI Emoji">
<h2><p>Experience the real Dhaba style food and flavours in all their
glory</p></h2>
<h2><p>Chulha Chauki da Dhaba serves pure and authentic North
Indian desi cuisine with a Dhaba style experience.<p/><p> We are known
for pure & rich desi taste as only the best Dhaba can offer. We use high
quality ingredients to serve you only the best.</p></h2>
<h2><p>Started by market research professionals who have deep
understanding and care for customer’s preferences, we have expanded our
footprint to include five branches across Bengaluru in a short span of time.
We strive to provide superior, consistent taste & service to our
customers.</p></h2>
<ALIGN=center><IMG SRC="dabba1.jpg"> <HSPACE=5>
<strong>
<dl>
<h2><dt>MENU CARD</dt></h2><dd><b>Breakfast . Lunch .
Dinner</b><a href="C:\Users\Krishna Raj\OneDrive\Desktop\web
programming lab\menucard.html" target="_blank"> click</a> </dd><br>
<h2><dt>SPECIAL DESSERTS</dt></h2><dd> <b> Indian favorites
</b><a href="C:\Users\Krishna Raj\OneDrive\Desktop\web programming
lab\speicaldessert.html" target="_blank"> click </a></dd><br>

<img src="thanks.gif" width="400"


height="200">

</dl>
</body>
</html>

specialdessert.html

<html>
<head>
<title><em>SPECIAL DESSERT</em></title>
<style type="text/css">
center {text-align:center}
</style>
</head>
<body>
<h1><center><marquee width="60%" direction="right"
height="100px" scrollamount="26">LOVE FOR DESSERTS IS
INFINITY</marquee></center></h1>
<h1><center><b>YUMMY AND
DELICIOUS</b></center></h1></span>
<marquee width="100%" direction="right" height="300px"
scrollamount="10" p style="font-family: Amasis MT Pro Black">
<b>Deliciousness jumping into the mouth. You deserve a break
today. </b>
</marquee>
<body style="background-color:brown;"> <p style="font-family:
Consolas">
<h2><em>SPECIAL DESSERTS</em> </h2>
<ul>
<li>APPLE PIE - 200<br>
Just when you thought apple pie couldn't get any better, this recipe raises the
bar like no other. Truly our best-ever, make this classic for a get-together
and you might not have any leftovers to bring home. Top off this warm,
melt-in-your mouth pie with a sprinkle of cinnamon and a scoop of ice
cream.</li><ALIGN=center><IMG SRC="apple.jpg" width="400"
height="200">
<li>Almond Malai Kulfi Recipe - 220<br>
Almond Malai Kulfi Recipe: Kulfi is a very famous Indian dessert and
people of all age groups love it. Condensed milk, saffron, dry fruits are
teamed together, chilled and served in a matki.</li>
<ALIGN=center><IMG SRC="malai.jpg" width="400" height="200">
<li> Lemon Tart- 330<br>
Sinful, rich and creamy, this recipe is the perfect finish to a meal. Tip: Make
the lemon tart a day ahead, and store it in the refrigerator. Spruce it up with
lemon rind, and trust us - this indulgent dessert really is as yummy as it
looks.</li><IMG SRC="lemon.jpg" width="400" height="200">
<li> Pistachio Phirni - 400 <br>
Flavoured with elaichi and pista, take phirni to a whole new level with this
exquisite recipe. Serve chilled in mitti ke kasore for a festive occasion and
bask in the glory. This phirni is made of sugar and love.</li><IMG
SRC="phirni.jpg" width="400" height="200">

</ul>
</body>
</html>

menu.html
<html>
<head>
<title>menu card</title>
<style type="text/css">
center {text-align:center}
</style>
</head>
<body>
<h1><b>MENU</b></h1></span>
<marquee width="100%" direction="right" height="100px"
scrollamount="20" p style="font-family: Amasis MT Pro Black">
<b>Eat local, Give local</b>
</marquee>
<body style="background-color:brown;"> <p style="font-family:
Consolas">
<h2><em>CHOICE OF BREAKFAST</em> </h2>
<ol>
<li>Plain Naan - 20</li>
<li>Garlic Naan - 30</li>
<li>Lacha Paratha - 30</li>
<li>Cheese Naan - 50</li>
<li>Lacha Paratha - 50</li>
<li>Keema Naan - 30</li>
<li>Halwa Puri - 50</li>
<ul>
<li>Chickpea curry served with 3 Pieces of puri and
halwa</li></ul>
<li>Lahori Saag - 300</li>
<ul><li>Fresh mustard leaves cooked with spinach & green herbs in
homemade style.</li></ul>
</ol>
</div>
<div class="center">
<h2><em> CHOICE OF LUNCH </em></h2>
<ol>
<li>Chicken Tikka (4pcs) - 400</li>
<ul><li>Incredibly delicious chunks of boneless chicken
marinated in yogurt and tandoori spices and smoked roasted in tandoor in a
traditional way. Served with mint sauce</li></ul>
<li>Paneer Taka Tak - 140</li>
<li>Kashmiri Naan - 120</li>
<li>Honey Chilli Potato- 230</li>
<li>Mushroom Masala - 250</li>
<li>Gajar Halwa - 300</li>
</ol>
</div>
<div class="right">
<h2><em>Dinner</em></h2>
<ol>
<li>Malai Kofta - 200</li>
<li>Roti Tandoori - 390</li>
<li>Pineapple Halwa - 230</li>
</ol>
</div>
<div class="clear"></div>
</div>
</body>
</html>
Outputs:
restaurant.html
menu.html

specialdessert.html

You might also like