Scribd
Upload
7K views

HTML and XML Projects

The document contains HTML code for creating a webpage about hurricanes. It includes tags for headings, images, unordered and ordered lists, hyperlinks, and text formatting. The page provides information about a group that flies planes into hurricanes to take photos and includes links to pages about specific hurricanes and FAQs. Contact information is provided at the bottom.

Uploaded by

Ravindra Pratap Singh Rajput
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
7K views

HTML and XML Projects

The document contains HTML code for creating a webpage about hurricanes. It includes tags for headings, images, unordered and ordered lists, hyperlinks, and text formatting. The page provides information about a group that flies planes into hurricanes to take photos and includes links to pages about specific hurricanes and FAQs. Contact information is provided at the bottom.

Uploaded by

Ravindra Pratap Singh Rajput
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 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 = "[email protected]">[email protected]</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 = "[email protected]">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 = "[email protected]">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; } { display : block; margin-top : 50px; font-family : Bookman; color : blue; } { color : black; font-style : italic; } { color : grey; }

Details Catalog Asin

Publisher { color : red; } Author ListPrice OurPrice {color : maroon; } { color : black; font-family : "Times"; } { 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