Page 58 - Code_GPT_Class_8
P. 58
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> A link in HTML is like a bridge that
connects the text to the destination
<STYLE>
and invites users to cross over.
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>
CodeGPT (Ver. 4.0)-VIII
56

