Page 65 - TP_Prime_V2.2_Class8
P. 65

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;}                                                                                         MORE ON HTML
                 </STYLE>
                 </HEAD>
                 <BODY>

                 <H1> ABC Public School </H1>
                 <HR>                                                                        Output                       63
                 <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>
                 <TITLE> Activities </TITLE>

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

                 H1{COLOR:RED;}
   60   61   62   63   64   65   66   67   68   69   70