Page 99 - ClickGPT V4.0 C-5
P. 99
Here, #act is the name or label given to the explanation section. This command tells the browser that
the hyperlink references to the name "#act". When the section heading is clicked, the browser will scroll
to the explanation section where name or label "#act" is written.
Where section explanation is to be shown, write
<A ID="#act"> About the section heading </A>
Now, when any section heading at the top of the web page is clicked, you will be taken to the respective
explanation section. Let us take an example of internal linking. The "Flowers.html" web page contains
four hyperlinks, which are linked to the different sections of the same web page in which they appear.
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%;}
}
Images, Links & Frames in HTML5 97
