Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 118 - 2632_CodeMind
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%;}
                     }

                                                                                    Images, Links and Frames in HTML5  117

| 113 114 115 116 117 118 119 120 121 122 123 |