Page 125 - iPro_trackGPT_V5_Class7
P. 125

Code to create the Flower.html web page is as follows:

                 <!DOCTYPE html>
                 <HTML>

                 <HEAD>
                 <TITLE> Internal Linking </TITLE>

                 <STYLE>
                 BODY{BACKGROUND-COLOR:LIGHTYELLOW; COLOR:RED;}

                 H1{COLOR:RED; TEXT-ALIGN:CENTER;}
                 IMG{HEIGHT:200px; WIDTH:200px;}

                 P{FONT-FAMILY:EBRIMA; FONT-SIZE:20px;}
                 SPAN{

                 POSITION:RELATIVE;
                 ANIMATION: IMAGE 3S INFINITE ALTERNATE-REVERSE;

                 }
                 @KEYFRAMES IMAGE{
                 FROM{LEFT:1%;}

                 TO{LEFT:45%;}
                 }
                 </STYLE>

                 </HEAD>
                 <BODY>
                 <H1> Flower Guide</H1>

                 <SPAN>
                 <IMG SRC="Rose.jpg">

                 <IMG SRC="Lotus.jpg">
                 <IMG SRC="Lily.jpg">
                 <IMG SRC="Tulip.jpg">

                 </SPAN>
                 <BR> <BR>
                 <H3 STYLE="TEXT-ALIGN:CENTER;">

                 <BR> <A HREF="#rose"> About Rose </A>
                 <BR> <A HREF="#lotus"> About Lotus </A>
                 <BR> <A HREF="#lily"> About Lily </A>

                 <BR> <A HREF="#tulip"> About Tulip </A>
                 </H3>
                 <BR> <BR> <BR> <BR> <BR> <BR>



                                                                                               More on HTML      123
   120   121   122   123   124   125   126   127   128   129   130