Page 130 - TP_iPlus_V2.1_Class7
P. 130
This can be done using the <A> tag as:
At the top, where section headings are to be shown, write
<A HREF="#act"> Section heading </A>
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;
}
128
iPlus (Ver. 2.1)-VII

