Tuesday 12 November 2019

SOLVED HTML PROGRAMS CLASS-X




PROGRAM 1 : HTML PROGRAM TO DISPLAY SPECIAL CHARACTERS.
SOLUTION:
<HTML>
<HEAD>
 <TITLE> Special characters </TITLE>
 </HEAD>
 <BODY>
 <P> &lt; and &gt; and &amp; are special characters that are displayed
 Using escape sequence. </P>
 </BODY>
</HTML>
PROGRAM 2:  HTML PROGRAM TO DISPLAY TEXT BY CHANGING BASE FONT SIZES.
SOLUTION:
<HTML>
 <HEAD>
 <TITLE> Base Font </TITLE>
 </HEAD>
<BODY>
This text is being displayed in default font size as no basefont size hase been set as yet.
<BASEFONT size =5>
This text has base font size =5.
</BODY>
</HTML>
 
PROGRAM 3 HTML PROGRAM USING TABLES
SOLUTION:
 
<html>
<head>

</head>
<body>

<table border="1">
  <tr>
    <td>
      <p>This is a paragraph</p>
      <p>This is another paragraph</p>
    </td>
    <td>This cell contains a table:
      <table>
        <tr>
          <td>1</td>
          <td>2</td>
        </tr>
        <tr>
          <td>3</td>
          <td>4</td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td>This cell contains a list
      <ul>
        <li>car</li>
        <li>bike</li>
        <li>bicycle</li>
      </ul>
    </td>
    <td>HELLO</td>
  </tr>
</table>

</body>
</html>


PROGRAM 4: HTML PROGRAM FOR CREATING THE TABLE
SOLUTION : <html><body><table border=1>
<tr><th colspan=6>Time Table</th></tr>
<tr> <th rowspan = 6>Hours</th>
<th>Mon</th><th>Tue</th><th>Wed</th>
<th>Thu</th><th>Fri</th></tr>
<tr><td>Science</td><td>Maths</td>
<td>Science</td><td>Maths</td>
<td>Arts</td></tr>
<tr><td>Social</td><td>History</td><td>English</td>
<td>Social</td><td>Sports</td></tr>
<tr><th colspan=5> Lunch</th></tr>
<tr><td> Science</td><td>Maths</td>
<td>Science</td><td>Maths</td>
<td rowspan =2> Project</td></tr>
<tr><td>Social</td><td>History</td><td>English</td>
<td>Social</td></tr>
</table>
</body>
</html>

PROGRAM  5: HTML PROGRAM FOR A COMPLETE WEB PAGE
SOLUTION:
<HTML>
<HEAD><TITLE> wild life in India </TITLE></HEAD>
<BODY bgcolor=yellow LINK="black" VLINK="green">
<CENTER><H1> <FONT COLOR="maroon">INDIAN ELEPHANT</FONT>
 </H1></CENTER>
<IMG SRC="elephant.png" ALIGN="right" HEIGHT=225 WIDTH=250>
<p>The Indian elephant (Elephas maximus indicus) is one of three recognised subspecies of the
Asian elephant and native to mainland Asia. Since 1986, Elephas maximus has been listed as
Endangered by IUCN as the population has declined by at least 50% over the last three
generations, estimated to be 60–75 years. Asian elephants are threatened by habitat loss,
degradation and fragmentation".
 <p> See Also :
 <UL>
 <LI><A HREF="one.html">Sri Lankan Elephant</A>
 <LI><A HREF="two.html">sumatran Elephant</A>
 <LI><A HREF="three.html">Borneo Elephant</A>
 <LI><A HREF="four.html">African elephant</A>
 </UL>
 <CENTER>
 <TABLE BORDER=2 BORDERCOLOR="blue" width=25% height=175>
<font color =blue><CAPTION>Threats To Elephants</CAPTION></font>
<TR> <TD> 1<TD> Illegal Hunting</TR>
<TR><TD> 2<TD>Industrialisation</TR>
<TR><TD> 3<TD> Habitat Loss</TR>
<TR><TD> 4<TD> Fragmentation</TR>
<TR><TD> 5<TD>Disease</TR>
</TABLE><BR>For further enquiries and reservations <A
HREF="mailto:abc@xyz.com">Contact Us</A>
</CENTER></BODY></HTML>

PROGRAM 6 :  HTML PROGRAM USING LISTS, IMAGE AND LINKS
SOLUTION : <HTML>
<html><HEAD><TITLE> Gaming</TITLE></HEAD>
<BODY bgcolor = “yellow”>
<basefont face = “verdana”
<H2 ALIGN=center><font color =”maroon” face = “arial bold”>Computer Gaming</font>
</H2>
<IMG SRC="image1.jpg" HEIGHT=150 WIDTH=200 ALIGN="right">
<P><B>A personal computer game(also known as a computer game or PC game) is a game
played on a personal computer, rather than on a video game console or arcade machine.
Computer games have evolved from the simple graphics and gameplay of early titles like
Spacewarl, to a wide range of more visually advanced titles.
<P>Basically there are four types of computer games:<BR>
<OL><LI>Strategy
<LI> First person shooters
<LI> 3rd person views
<LI> Racing
</OL>
<TABLE ALIGN=center BORDER=2 bordercolor="green">
<Caption> Top Games</Caption>
<TR><td>Warcraft</td>
<TD>Strategic game</TD>
<TD><img src = war.jpg></TD>
<td>Call of Duty</td>
<TD>First Person shooter</TD>
<TD><img src = call.jpg></TD>
</tr>
</table>
<HR SIZE=2 COLOR=red>
<FONT SIZE=2><P ALIGN=center>FOR FURTHER ENQUIRES :<A
HREF="game.html"></A>
</BODY></HTML>
PROGRAM 7 :  HTML PROGRAM USING TABLES, LISTS AND IMAGES
SOLUTION:
<html>
<head>
<title> Handmade Cards </title>
</head>
<body bgcolor="pink">
<center>
<font face="Arial Bold" size="5" color ="Red">
<b>HANDMADE CARDS</b>
</font>
<br>
<font size=3>Handmade cards offers custom made cards as per your requirements for
everyone </font><BR>
<img src ="cards.jpg" border ="3" height=175 width=175>
</center>
<font face = "Arial Bold" size=4 color="Red">
Categories of Cards Offered</font>
<font size=3>
<ol type = 1>
<li> General Cards </li>
 <ul type="square">
 <li> Thinking of You </li>
 <li> Missing You </li>
 <li> Friends Forever </li>
 </ul>
 <li> Specific Cards </li>
 <ul type ="circle">
 <li> Happy Birthday </li>
 <li> Happy Diwali </li>
 <li> Happy Anniversary </li>
 </ul>
</ol>
<i><center>You can also order flowers through our site</center></i>
<table width =20% align = center border = 3 bordercolor = green cellpadding = 10
cellspacing = 2>
<caption>
<b>PRICE LIST</b>
</caption>
<tr>
 <th> Bouquet Type </th>
 <th> Price </th>
</tr>
<tr>
 <td> Flower Galore </td>
 <td> Rs. 200 </td>
</tr>
<tr>
 <td> Flower Shower </td>
 <td> Rs. 300 </td>
</tr>
<tr>
 <td> Flower Power </td>
 <td> Rs. 400 </td>
</tr>
</table>
<br>
<center>
<a href ="person.html">
<img src = "link.jpg" border = 2 height=50 width=50>
<br>
Personalize The Card
</a>
</center>
</font>
</body>
<HTML>


Posted by at

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)