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

