Page 115 - Plus_V2.2_C8_Flipbook
P. 115
Let us create the home.html as follows:
<!DOCTYPE HTML>
<HTML>
<HEAD><TITLE>Flowers</TITLE>
<STYLE> a:link { color:red; }
a:visited {color: blue: }
a:hover {color:orange; }
a:active {color: black} </STYLE>
</HEAD>
<BODY>
<H2>Flowers</H2>
<UL><LI>Water Lily</LI>
<LI>White Orchid</LI>
<LI>Marigold</LI>
<LI>Lotus</LI>
<LI>Jasmine</LI></UL>
<A HREF=PIC.HTML>Click here to see pictures</A>
</BODY>
</HTML>
Then create the next HTML file which will be linked with the previous page. Save this file as pic.html
<!DOCTYPE HTML>
<HTML>
<HEAD><TITLE>Flowers</TITLE>
<STYLE> a:link {color:purple; }
a:visited {color: blue: }
a:hover {color:green; }
a:active {color: black} </STYLE>
</HEAD>
<BODY>
<H2>Pictures of flowers</H2>
<IMG SRC="LILY.jpg" WIDTH=100 HEIGHT=100>Water Lily<BR>
<IMG SRC="WORCHID.jpg" WIDTH=100 HEIGHT=100>White Orchid<BR>
<IMG SRC="MGOLD.jpg" WIDTH=100 HEIGHT=100>Marigold<BR>
<IMG SRC="LOTUS.jpg" WIDTH=100 HEIGHT=100>Lotus<BR>
<IMG SRC="JASMINE.jpg" WIDTH=100 HEIGHT=100>Jasmine <BR>
<A HREF="HOME.html">Click here to go back</A>
</BODY>
</HTML>
Links, Frames, and Forms in HTML5 113

