You are on page 1of 24

Ques.1.

Write the code in HTML to change the background of a Web


Page.
Solution:
<html>
<head><title>Anshu Yadav l</title></head>
<body background="C:\Users\Public\Pictures\Sample Pictures\Desert Landscape.jpg">
</body>
</html>

Output:

Ques.2. Write the code in HTML to demonstrate various formatting


styles.
Solution:
<html>
<head><title>Anshu Yadavl</title></head>
<body background="C:\Users\hcl\Desktop\Pics\BORD051.jpg">
<br><br><br><br>
<font face="Comic sans ms" size="7"><b><i>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp
;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<u>
Hello!!!
</font></b></u></i>
<br><br><br>
</body>
</html>

Output:

Ques.3. Write the code in HTML to demonstrate the use of Ordered &
Unordered Lists.
Solution:
<html>
<head><title>Lists</title></head>
<body>
<font face="Times New Roman" color="Blue" size="6">
<center><h1><b><u><i>Lists</b></u></i></h1></center>
</font>
<font color="red" size="5">
<ol type="1.">
Ordered List</font>
<li>Management Accounting</li>
<li>Business Laws</li>
<li>Insurance Business Environment</li>
<li>Financial Management</li></ol><br><br>
<font color="red" size="5">
<ul type="square">
Unordered List</font>
<li>Business Environment</li>
<li>Taxation & Laws</li>
<li>Computer Application II</li>
<li>Market Research</li></ul><br><br>
<font color="red" size="5">
Definition List
</font>
<dl>
<font color="purple">
<dt><b>Web Server:-</b></dt><br>
</font>
<dd>A Web Server is.......................................................................................
..........................................................................................................................................
................................................................</dd></font><br><br>
<font color="purple" size="4">
<dt><b>Browser:</b></dt><br>
</font>
<font face="Times New Roman" size="3">
<dd>A Browser is........................................................................................
............................................................................................................................. ...............
.................</dd></font>
</dl>
</body>
</html>

Output:

Ques.4. Write the code in HTML to insert Images in the Web Page.
Solution:
<html>
<head><title>Anshu Yadavl</title></head>
<body>
<img src="C:\Users\hcl\Desktop\Pics\ShowLetter,.jpg">
<b><i><font size="7">
Hello!!!
</b></i></font>
</body>
</html>

Output:

Ques5. Write the code in HTML to design a Table with different styles.
Solution:
<html>
<head><title>Rizwan & Rahul</title></head>
<body>
<center><h1><u><font color="brown">Table</font></h1></u><br><br>
<font size="4" color="blue">
<caption> Schedule of Changes in Working Capital </caption>
</font><table border="3"></center>
<tr>
<th bgcolor="yellow" colspan="2" rowspan="2"> Particulars
<th bgcolor="yellow" colspan="2"> Year
<th bgcolor="yellow" colspan="2"> Changes In Working Capital</tr>
<tr>
<th> 1901<th> 1902<th> Increase<th> Decrease</tr>
<tr><th bgcolor="yellow"><b> A. Current Assets:-</b></tr>
<tr align="center"><td colspan="2"> Sundry Debtors
<td>11,000
<td>15,000
<td>4,000
<td>---</tr>
<tr align="center"><td colspan="2"> Cash in Hand
<td>620<td>5,400<td>4,780<td>---</tr>
<tr align="center"><td colspan="2"> Bills Receivable
<td>6,000<td>4,000<td>---<td>2,000</tr>
<tr align="center">
<td colspan="2" rowspan="1">
<td>17,620
<td>24,000</tr>
<tr><th bgcolor="yellow"><b> B. Current Liabilities:-</b></tr>
<tr align="center">
<td colspan="2"> Sundry Creditors
<td>36,720
<td>17,000
<td>19,720
<td>---</tr>
<tr align="center">
<td colspan="2"> Bills Payable
<td>13,900
<td>4,200
<td>9,700
<td>---</tr>
<tr align="center">
<td colspan="2" rowspan="1">
<td>50,620
<td>21,200</tr>
<tr>
<th bgcolor="yellow" rowspan="3"><b> C. Working Capital (A-B):-</b></tr>
6

<tr align="center">
<td colspan="2" rowspan="1">
<td>-33,000
<td>3,200</tr>
<tr>
<th bgcolor="yellow" rowspan="3"><b> D. Increase in Working Capital:-</b></tr>
<tr align="center">
<td colspan="2" rowspan="1">
<td>36,200
<td>--<td>--<td>36,200
</tr>
<tr align="center">
<td colspan="2" rowspan="1">
<td>3,200
<td>3,200
<td>38,200
<td>38,200
</tr>
</table>
</body>
</html>

Output:

Ques.6. Write the code in HTML to demonstrate the use of anchor tag.
Solution:
Internal: <HTML>
<HEAD><TITLE>Fruits</TITLE></head>
<BODY>
<H1 align="center"><b><u><i>Fruits</b></u></i></h1>
<a href="#Apple">Aapple</a><p>
<a href="#Banana">Banana</a><p>
<a href="#Grapes">Grapes</a><p>
<a href="#Strawbery">Strawbery</a><p>
<a href="#pineapple">Pineapple</a><p><center>
<a name="apple"></a>
<b><u>Apple</b></u><br>
Apple is found in a wide range.<br>
apple have in red colour<br>
apple found in Kashmir<br>
An apple a day keeps a doctor away.<br>
apple gives us vitamin A.<p>
<a name="banana"></a>
<b><u>Banana</u></b><br>
Banana is found in a wide range.<br>
Banana have in yellow colour<br>
apple found in tree.<br>
An Banana a day keeps a doctor away.<br>
apple gives us vitamin D.<p>
<a name="grapes"></a><b><u>Grapes</u></b><br>
Grapes is found in a wide range.<br>
Grapes have in green & peach colour<br>
apple found in bunch of tree.<br>
An grapes a day keeps a doctor away.<br>
grapes gives us vitamin C.<br>
grapes can be found in both season.<p>
<a name="strawbery"></a><b><u>Strawbery</u></b><br>
Strawbery is found in a wide range.<br>
Strawbery have in red colour<br>
Strawbery found in tree.<br>
Strawbery a day keeps a doctor away.<br>
Strawbery gives us vitamin C.<p>
<a name="pineapple"></a>
<b><u>Pineaaple</u></b><br>
pineapple is found in summer and winter.<br>
pineapple have in brown coated with yellow inside.<br>
pineapple found in tree.<br>
pineapple a day keeps a doctor away.<br>
pineapple gives us vitamin C.</center>
</body></html>

Output:

External: <html><head>
<title>Click here</title></head><body>
<p align="center"><i><b><font size="7"><a href="img.htm">Click
here</a></font></b></i><font size="5" color="#0000FF"> </font></p>
<p align="center"><b><font size="5" face="Chiller">(to see the image/External
link)</font></b></p></body></html>

Output:

10

Ques.7. Write the code in HTML to design a Sign Up Form.


Solution:
<html>
<head><title>Sign Up Form</title></head>
<body background="file:///C:/Program%20Files/Adobe/Reader
%208.0/Reader/BeyondReader/ENU/Onramp/bg.jpg">
<center><h1>
<font color="#000066" face="Brush Script MT"><u>Sign Up
Form</u></font></h1></center><br>
<form>
<b><font size="4" face="Brush Script MT">
First Name:<input type="Text" name="Rahul" size="20"><br>
Last Name:<input type="Text" name="Rizwan" size="20"><br><br>
Password:-&nbsp;
<input type="password" name="password" size="20"><br><br>
Email Address<br>
<input name=remailaddress name type="text" maxlength="40"
size="27"></input></font></b><font face="Brush Script MT" size="4"><i>
</i>(abc@xyz.com)</font><b><font size="4" face="Brush Script MT"><br>
<br>
Date of Birth<br><
select name="rbirthdateday" >
<option value="null">Day</option><option value="01">01</option>
<option value="02">02</option><option value="03">03</option>
<option value="04">04</option></select>&nbsp;
<select name="rbirthdatemonth" type="dropdown" style="width:60px;">
<option value="null">Month</option>
<option value="01">Jan</option>
<option value="02">Feb</option>
<option value="03">Mar</option>
</select>&nbsp;
<select name="rbirthdateyear" type="dropdown" style="width:60px;">
<option value="null">Year</option>
<option value="2006">2006</option>
<option value="2005">2005</option>
<option value="2004">2004</option> </select><br><br>
Gender:<input type="radio" name="human" value="male">Male
<input type="radio" name="human" value="female">Female<br><br>
Vehicle:-<br>
<input type="checkbox" name="vehicle" value="bike"/>Bike
<input type="checkbox" name="vehicle"value="Car"/>Car
<br><br></font></b></form>
<fieldset>
<legend>

11

<font face="Brush Script MT" size="4"><b>


Health Information </b></font>
</legend>
<form>
<font size="4" face="Forte">
Height <input type="text" size="3">
Weight <input type="text" size="3"> </font></form></feildset>
<center><font size="4"><input type="Submit" value="Submit">
</center></font>
</body>
</html>

Output:

12

Ques.8. Write the code in HTML to design a Purchase Order Form.


Solution:
<html>
<head>
<title>Purchase Order</title>
</head>
<body background="../../../Program%20Files/Microsoft
%20Office/Templates/1033/Webs/vtipres.wiz/WHTTXTR2.jpg">
<center>
<h1><span style="font-weight: 400"><font face="Berlin Sans FB"
color="#006600"><u><i>Purchase
Order Form</i></u></font></span></h1>
</center>
&nbsp;&nbsp;<p><b>Order No: <input type="numeric" name="RR"
size="20">&nbsp;&nbsp;Customer ID:
<input type="numeric" name="RR" size="20"></b></p>
<p><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
Name: <input type="text" name="RR" size="20">&nbsp;&nbsp;&nbsp; Order Date:
<input type="date" name="RR" size="20"><br><br><br><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</b><font color="#800000"
size="4"><u><b>Order
Details:</b></u></font><b><br><br>
Item ID: <input type="numeric" name="RR"
size="20">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
Item Name: <select name="Items"><br>
<option value="Rice"> Rice </option>
<option value="Dal"> Dal </option>
<option value="Fruits"> Fruits </option>
</select>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
Quantity: <input type="numeric" name="RR" size="20"></b></p>
<p><b>&nbsp;&nbsp;&nbsp; Price: <input type="text" name="RR"
size="20">&nbsp;&nbsp;&nbsp;&nbsp;
Amount: <input type="date" name="RR" size="20">&nbsp;&nbsp;&nbsp; Grand
Total:
<input type="numeric" name="RR" size="20"><br><br><br>&nbsp;Total in Words:<br><br>Remarks:
<input type="text" name="RR" size="24"> </b></p>
<center>
<p>
<font size="4">
13

<input type="Submit" value="Submit"></p>


</center>
</body>
</html>

Output:

14

Ques.10. Write the code in HTML to design a web page for a Food Corner.
Solution:
<html>
<head><title>Welcome to Foodie</title></head>
<body>
<p align="center"><b><font face="Chiller" size="7" color="#800000">Welcome to
<u>Foodie.com</u>!!!</font></b><strong><img border="0" src="Pics/J0309567.JPG"
width="219" height="167" align="right"></strong></p>
<p align="right">
<strong>
&nbsp;</strong></p>
<p align="left">
<img border="0" src="member_registration.gif" width="328" height="40"></p>
<p>
<strong><a href = "login.html"><u> LOG-IN</u> </a></strong>
<br>NEW USER?<strong><u> </u><a href="logup.html"><u>LOG-UP</u></a>
<strong>
&nbsp;</br>
</strong></strong></p>
<p>
<strong>
<img border="0" src="shop_title.gif" width="559" height="41"></br>
&nbsp;<img border="0" src="Pics/rice_02.jpg" width="150" height="158">
<img border="0" src="Pics/single-combos_02.jpg" width="152" height="161">

15

<img border="0" src="Pics/beef-burger-combo.jpg" width="162" height="162">


<img border="0" src="Pics/Burger.jpg" width="171" height="162">
<img border="0" src="Pics/CAKE.JPG" width="213" height="163">
</strong>
</p>
<p>
<strong>
&nbsp;<img border="0" src="Pics/J0382952.JPG" width="212" height="150">
<img border="0" src="Pics/J0382957.JPG" width="210" height="152"><img
border="0" src="Pics/Pizza.jpg" width="234" height="152">
<img border="0" src="Pics/pizza-hut-pizza2.jpg" width="231" height="163">
</strong>
</p>
<p align="center">
<strong>
<u><font color="#0000FF" size="2">All rights reserved.</font></u></p>
<p>
&nbsp;</p>
</strong>
</body>
</html>

Output:

Ques.10. Write the code in HTML to design a web page for Online

Shopping.

16

Solution:
<html><head>
<img src="logo.gif" width=400 height=100 align="center"></image><table border="4"
cellpadding="0" cellspacing="0" width="100%" >
<a href="login.html"><img src="video1.jpg" width=450 height=125
align="right"></image></a>
<image src="login.gif"</image>
<strong><a href = "login.html"><u> LOG-IN</u> </a></strong>
<br>NEW USER?<a href="logup.html"><strong><u>LOG-UP</u></a>
<strong>
</br>
</br>
<strong>
<br>
<a href="home.html"><u>HOME</u></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="aboutus.html"><u>ABOUT US</u></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="services.html"><u>SERVICES</u></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="admin.html"><u>ADMINISTRATOR</u></a>
</strong>
</table>
<center>
<br>
<image src="shop_title.gif"</image>
<br>
<image src="shop_cds.gif"></image>&nbsp;<image
src="shop_gear.gif"</image>&nbsp;<image src="shop_merch.gif"</image>
<br>
<image src="shop_other.gif"</image>&nbsp;<image
src="shop_downloads.gif"</image>;&nbsp;<image src="shop_tickets.gif"</image>
<br>
<font color = "orange" size="5">For Further Details Contact-----</font>
</center>
<style type="text/css">
<!-a {font-family: Verdana, Arial, Helvetica, sans-serif; color: "red"; text-decoration:
none}
a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; color: "black"; textdecoration: underline;}
17

-->
</style>
<br>
<br>
<center>
<td colspan="3" class="copyright"><font color="blue"><span
class="copyright">&copy; 2006 euromusicworld.com. All Rights Reserved.
</font></span></td>
</center>
</head>
</html>

Output:

18

Ques.11. Write the code in HTML to design a web page for Online

Reservation.
Solution:
<html>
<head><title>Welcome to Indian Railways</title></head>
<body>
<p align="center"><b><font color="#5B5B00"><i><u><font size="5">Welcome to
Indian Railways</font></u><font size="5">...!!!</font></i></font></b></p>
<p align="center"><img border="0" src="Pics/wgbw.gif" width="433"
height="270"></p>
<p align="left"><u><font size="4" color="#000080">Online
Reservation</font></u></p>
<p align="left"><u><font size="4" color="#000080">Train Schedules</font></u></p>
<p align="left"><u><font size="4" color="#000080">Procedures</font></u></p>
<p align="center"><u><font size="4" color="#000080">
<img border="0" src="Pics/attachment23.gif" width="72" height="30">
<img border="0" src="Pics/attachment22.gif" width="72" height="39">
<img border="0" src="Pics/attachment20.gif" width="120" height="30">
</font></u></p>
<p align="right"><font size="4" color="#000080"><u>About Us</u>&nbsp;
<u>Privacy</u></font></p>
</body>
</html>

Output:

19

Ques.12. Write the code in HTML to design a web page for a Commercial

Bank.
Solution:
<html>
<head>About Us</title></head>
<body>
<p align="center">
<img border="0" src="Pics/untitled.bmp" width="176" height="55" align="right">
<font
color="#0000FF">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&
nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</font><font face="Forte" size="6"
color="#666666">
Welcome to <u>idealbank.com</u>!!!</font></p>
<p><u><font size="4">Home</font></u><font
size="4">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<u>About Us</u>&nbsp;&nbsp; </font></p>

20

<p><u><font size="4">Login</font></u></p>
<p>New User -<font size="4"> <u>R</u></font><u><font size="4">egister
Now</font></u></p>
<p><img border="0" src="Pics/invest.bmp" width="185" height="50"><strong><font
class="t9" face="Arial" color="#004b68" size="2">
Exclusive, Economical, Expert Advice !!!</font></strong><img border="0"
src="Pics/cc.bmp" align="right" width="179" height="46"></p>
<p>&nbsp;<img border="0" src="Pics/cards.bmp" width="185"
height="50"><strong><font class="t9" face="Arial" color="#004b68" size="2">
World Class Service and Acceptance !!! </font></strong></p>
<p>&nbsp;<img border="0" src="Pics/dep.bmp" width="185"
height="50"><strong><font class="t9" face="Arial" color="#004b68" size="2">
Safety, Flexibilty, Liquidity, Returns !!! </font></strong></p>
<p><img border="0" src="Pics/loans.bmp" width="185" height="50"><strong><font
class="t9" face="Arial" color="#004b68" size="2">
Simplified Documentation, Quick Processing, Hassle Free !!!</font></strong></p>
<p><img border="0" src="Pics/online.bmp" width="185" height="50"><font
class="t9" face="Arial" color="#004b68" size="2"><strong>
Banking at your fingertips !!! </strong></font></p>
</body>
</html>

Output:

21

Ques.13.
Solution:
<html>
<head>
<title>Welcome to</title>
</head>
<body>
<p align="center"><font size="7" face="Brush Script MT">Welcome to<b> </b>
</font><img border="0" src="Pics/rel_logo.gif" width="203" height="50"> </p>
<p align="left"><a href="a">About Us</a>&nbsp;&nbsp;&nbsp;&nbsp; <a href="p">
Products</a>&nbsp;&nbsp;&nbsp;&nbsp; <a href="n">NAV
Rates</a>&nbsp;&nbsp;&nbsp;&nbsp;
<a href="c">Contact Us</a></p>
<p align="left"><img border="0" src="Pics/newstop.jpg" width="215"
height="133"></p>

22

<p align="center"><font face="Bauhaus 93" color="#3399FF"


size="6">About</font><font size="4">&nbsp;&nbsp;
<a href="li"><img border="0" src="Pics/li.GIF" width="176"
height="34"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</font></p>
<p align="center">&nbsp;</p>
<p align="center"><font
size="4">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb
sp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n
bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="e"><img border="0" src="Pics/pr_grplan.gif" width="216" height="24">
</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&
nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="i"><img border="0" src="Pics/pr_indplan.gif" width="132"
height="26"></a></font></p>
<p align="left">
<img border="0" src="Pics/pr_memberarea_top.gif" width="211" height="21"></p>
<p><u><font color="#0000FF" size="4"><a href="c">Customer</a></font></u></p>
<p><u><font color="#0000FF" size="4"><a href="a">Advisor</a></font></u></p>
</body>
</html>

Output:

23

24