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
   110   111   112   113   114   115   116   117   118   119   120