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
   125   126   127   128   129   130   131   132   133   134   135