Basic HTML Version

|  | Table of Contents |  | View Full Version

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

| 94 95 96 97 98 99 100 101 102 103 104 |