Page 118 - TP_Plus_v2.2_Class_8
P. 118

<A HREF=#act> Section heading </A>
                  Here, #act refers to the ID of the section you want to link to. When the section heading is clicked, the
                  browser will scroll to the section with the ID of #act.

                  Where section explanation has to be shown, write
                                       <A ID=#act> About the section heading </A>
                  This ID attribute uniquely identifies the section. When the user clicks the section heading at the top, the
                  page will scroll to this 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.





















                                                                 Output

                  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%;}
                  }


                  116   Plus (Ver. 2.2)-VIII
   113   114   115   116   117   118   119   120   121   122   123