You are on page 1of 14

1.

HTML Coding of Notepad:


<HTML>
<HEAD>
<TITLE> Hurricanes Hunters
</TITLE>
</HEAD>
<BODY BGCOLOR = "aqua" TEXT = "blue" LINK = "Magenta" VLINK =
"Green" ALINK = "Red">
<CENTER>
<H1> HURRICANES </H1>
<IMG SRC = "C:\Users\Ravindra\Pictures\aeroplane.jpg">
<HR>
<H2> Welcome to Hurricanes Explorers!! </H2></CENTER>
<FONT FACE = "Trebuchet MS" SIZE = 5>
We fly Aeroplanes right into the eye of Hurricanes to shoot unique
pictures.
<OL TYPE = "A">
<LI><A HREF = "Home.html">Home</LI></A>
<LI> Photographs </LI>
<UL TYPE = "disc">

<LI><A HREF = "Katrina.html"> Katrina Hurricanes </LI></A>


<LI><A HREF = "Old.html"> Hurricanes in the Past </LI></A>
</UL>
<LI><A HREF = "Faqs.html"> Faqs about Hurricanes </LI>
</OL>
<HR>
<FONT SIZE = 3>
Contact us : email link to <A HREF =
"hurricanes@abc.com">hurricanes@abc.com</A>
</BODY>
</HTML>

Result :

2. HTML Coding of Notepad:


<HTML>
<HEAD>
<TITLE> Website for Kids
</TITLE>
</HEAD>
<BODY BGCOLOR = "lime" TEXT = "blue" LINK = "Magenta" VLINK
= "Green" ALINK = "Red">
<CENTER>
<IMG SRC =
"C:\Users\Ravindra\Pictures\1200965_happy_ball.jpg">
<H1> KIDS LEARNING ZONE </H1>
<BR><BR>
<H3> COME! ENJOY YOURSELVES </H3>
</CENTER>
<FONT FACE = "Trebuchet MS" SIZE = 6>
<OL TYPE = "A">
<LI><A HREF = "Home.html">Home</LI></A>
<LI><A HREF = "Act.html">Activities</LI></A>
<LI> Kids Club </LI>
<UL TYPE = "Circle">
<LI><A HREF = "SeeStory.html"> See a Story </LI></A>
<LI><A HREF = "SendStory.html"> Send a Story </LI></A>

</UL>
</OL>
<FONT SIZE = 3>
<CENTER>
<A HREF = "Kidsclub@abc.com">Contact us via email for
Enquiries</A>
</CENTER>
</BODY>
</HTML>

Result :

3. HTML Coding of Notepad:


<HTML>
<HEAD>
<TITLE> Endangered Species
</TITLE>
</HEAD>
<BODY BGCOLOR = "Silver" LINK = "Blue" VLINK = "Magenta">
<BASEFONT FACE = "Verdana" SIZE = "3">
<CENTER>
<FONT FACE = "Arial">
<H1> SAVE US !</H1>
<H3> EASTERN INDIGO SNAKE </H3></FONT>
<IMG SRC =
"C:\Users\Ravindra\Documents\indigo_for_use1.jpg"></CENTER>
<P>
This nonpoisonous snake can grow as long as 8 feet. As forests
have been cut down, the snake has lost most of its habitat.
<UL>
<LI><A HREF = "Home.html">Home</A></LI>
<LI><A HREF = "Faq.html">Faqs</A></LI>
<LI> Endangered Species </LI>
<OL>
<LI><A HREF = "Pest.html"> Use of Pesticides </A></LI>
<LI><A HREF = "Env.html"> Environment Effects </A></LI>
</OL>
<LI> Sensitizing Kids </LI>
<OL>
<LI><A HREF = "Color.html"> Coloring Book </A></LI>
<LI><A HREF = "Poster.html"> Posters </A></LI>
</OL>
</UL></FONT>
<HR COLOR = "BLACK"><FONT SIZE = 2><B>

Contact us : <A HREF = "SaveEarth@abc.com">Live & Let Live


</FONT></B></A>
</BODY>
</HTML>

Result :

4. HTML Coding of Notepad:


<HTML>
<HEAD>
<TITLE> Save The Earth </TITLE>
</HEAD>
<BODY BGCOLOR = "Silver">
<CENTER>
<H1> <FONT FACE = "Arial" COLOR = "Black">
Save The Earth!!</H1></FONT>
<H3> <FONT FACE = "Verdana" COLOR = "Brown"></FONT>
NGO group dedicated to sayingg the Earth's natural
environment</H3>
<IMG SRC = "C:\Users\Ravindra\Pictures\logo-250-save-theearth.jpg">
</CENTER>
<FONT FACE = "Verdana" COLOR = "Black" SIZE = 4>
<UL TYPE = "disk">
<LI><A HREF = "Home.htm"> Home </A></LI>
<LI><A HREF = "Faq.htm"> Faqs </A></LI>
<LI> Controlling </LI>
<OL TYPE = "1">
<LI><A HREF = "Poll.htm"> Pollution </A></LI>
<LI><A HREF = "Defores.htm"> Deforestation </A></LI>
<LI><A HREF = "Poach.htm"> Poaching </A></LI>
</OL>
<LI> Saving </LI>
<OL TYPE = "1">
<LI><A HREF = "Forest.htm"> Forests </A></LI>
<LI><A HREF = "Specie.htm"> Endangered Species </A></LI>
</OL>
</UL>
<HR WIDTH = 820 LENGTH = 80>

Contact Us: <A HREF = "www.saveearth.com">


www.saveearth.com </A>
</BODY>
</HTML>

Result:

1. XML Coding :
<?xml version ="1.0" ?>
<?xml-stylesheet href="booklist.css" type="text/css" ?>
<BookDetails>
<Details>
<Asin>059600396x</Asin>
<ProductName>Introduction to wonderful world of XML
</ProductName>
<Catalog>Book</Catalog>
<Author>A Jazz</Author>
<ReleaseDate>19 December, 2009</ReleaseDate>
<Publisher>PITS</Publisher>
<Prices>
<ListPrice>Rs. 540.95</ListPrice>
<OurPrice>Rs. 380.47</OurPrice>
</Prices>
</Details>
<Details>
<Asin>059603496s</Asin>
<ProductName>XML, HTML and CSS </ProductName>

<Catalog>Book</Catalog>
<Author>C Link</Author>
<ReleaseDate>25 November, 2009</ReleaseDate>
<Publisher>HRS</Publisher>
<Prices>
<ListPrice>Rs. 400.95</ListPrice>
<OurPrice>Rs. 275.00</OurPrice>
</Prices>
</Details>
</BookDetails>

1. CSS Coding :
title

{ font-size : 48pts; font-weight : bold; text-align : center;


display : block; font-family : "Lucida Console",
Helvetica; }

Details

{ display : block; margin-top : 50px; font-family :


Bookman; color : blue; }

Catalog

{ color : black; font-style : italic; }

Asin

{ color : grey; }

Publisher { color : red; }


Author

{color : maroon; }

ListPrice

{ color : black; font-family : "Times"; }

OurPrice

{ color : purple; font-family : Arial; }

Result :

2. XML Coding :
<?xml version="1.0" ?>
<?xml-stylesheet href = "recipe.css" type="text/css" ?>
<recipe>
<head>
<title> CORIANDER CHUTNEY </title>
</head>
<ingredients>
<ing>
<amt>
<qty>2</qty>

<unit>bunches</unit>
</amt>
<item>fresh coriander</item>
</ing>
<ing>
<amt>
<qty>1</qty>
<unit> </unit>
</amt>
<item>tart green apple</item>
</ing>
<ing>
<amt>
<qty>2</qty>
<unit></unit>
</amt>
<item>medium Tomatoes</item>
</ing>
<ing>
<amt>
<qty>2</qty>
<unit> </unit>
</amt>

<item>fresh or dried red chilli Peppers</item>


</ing>
<ing>
<amt>
<qty>1</qty>
<unit>teaspoon</unit>
</amt>
<item>Mango Powder</item>
</ing>
<ing>
<amt>
<qty>1</qty>
<unit>teaspoon</unit>
</amt>
<item>salt</item>
</ing>
</ingredients>
<directions>
<step>1. Wash the fresh coriander thoroughly.</step>
<step>2. Peel and chop the apple in small pieces.</step>
<step>3. Cut each of the tomatoes into four pieces.</step>
<step>4. Now combine all the ingredients gradually (in order),
in a
blender.</step>

<step>5. Blend until a fine paste is ready.</step>


</directions>
</recipe>

2.CSS Coding :
title

{ font-size : large; font-weight : bold; text-align :


center; display :
block; }
ingredients {display : block; margin-top : 18px; margin-left :
30px; font-family :
verdana; }
ing
{display : block; margin-left : 40 px; }
amt
{ font-style : italic; }
directions
{display : block; margin-top : 18px; margin-left :
60px; }
step
{display : block; color : blue; font-family : Arial;
margin-top : 10px; }

Result:

You might also like