Basic HTML Version

|  | Table of Contents |  | View Full Version

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 |