Ques.1. Write The Code in HTML To Change The Background of A Web
Ques.1. Write The Code in HTML To Change The Background of A Web
Ques.1. Write The Code in HTML To Change The Background of A Web
Output:
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
11
Output:
12
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>
</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>
</br>
</strong></strong></p>
<p>
<strong>
<img border="0" src="shop_title.gif" width="559" height="41"></br>
<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
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>
<a href="aboutus.html"><u>ABOUT US</u></a>
<a href="services.html"><u>SERVICES</u></a>
<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> <image
src="shop_gear.gif"</image> <image src="shop_merch.gif"</image>
<br>
<image src="shop_other.gif"</image> <image
src="shop_downloads.gif"</image>; <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">© 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>
<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;
</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">
<u>About Us</u> </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> <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> <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> <a href="p">
Products</a> <a href="n">NAV
Rates</a>
<a href="c">Contact Us</a></p>
<p align="left"><img border="0" src="Pics/newstop.jpg" width="215"
height="133"></p>
22
Output:
23
24