Page 97 - ClickGPT V4.0 C-5
P. 97

First page of a website, also known as  the Home page, contains various links to other web pages. Let
                 us take an example of a website of the ABC Public School on which we are using external linking. The
                 Home page of the website is as shown:
                 The Home page contains six hyperlinks: Admissions, Events, Sports, Activities, About Us and Contact Us,
                 which are created by using the <A> tag.

                 The code to create the Home.html web page is as follows:

                 <!DOCTYPE HTML>
                 <HTML>
                 <HEAD>
                 <TITLE> Home Page </TITLE>

                 <STYLE>
                 BODY{BACKGROUND-COLOR:#EEFFEE; COLOR:RED;}
                 HR{BACKGROUND-COLOR:RED; HEIGHT:2px;}
                 H3{COLOR:RED; TEXT-ALIGN:CENTER;}

                 P{FONT-SIZE:20PX;}
                 </STYLE>
                 </HEAD>
                 <BODY>
                 <H1> ABC Public School </H1>

                 <HR>
                 <H3> Welcome to ABC Public School </H3>
                 <P>

                 <BR> <A HREF="Admissions.html"> Admissions </A>
                 <BR> <A HREF="Events.html"> Events </A>
                 <BR> <A HREF="Sports.html"> Sports </A>
                 <BR> <A HREF="Activities.html"> Activities </A>
                 <BR> <A HREF="About.html"> About Us </A>

                 <BR> <A HREF="Contact.html"> Contact Us </A>
                 </P>
                 </BODY>
                 </HTML>
                 In the preceding code, the <A> tag has been used six times to create six hyperlinks. Each hyperlink is
                 related to a different web page. For example, the Activities hyperlink is linked with the "Activities.html"
                 web page. When you click on the Activities hyperlink, the "Activities.html" web page will appear in your
                 web browser window as shown:
                 The code to create the Activities.html web page is as follows:

                 <!DOCTYPE HTML>

                 <HTML>
                 <HEAD>




                                                                                 Images, Links & Frames in HTML5   95
   92   93   94   95   96   97   98   99   100   101   102