HYPER LINK (Internal &
External Link):
Hyperlink is an important feature of
HTML. A web site is a collection of many interconnected web pages. The process
of connecting two or more web pages is called Hyperlink. We can create a hyperlink using <A> tag, also
called ANCHOR tag. There are two types of
Hyperlinks: External and Internal.
=> We can link a web page with
another web pages, this kind of link is called External Hyper Link.
- => We can activate a part (section)
of a web page by linking, this kind of link is called Internal Hyper Link.
~ ~ ~ ~ ~ ~ ~ * ~ ~ ~ ~ ~ ~ ~
<A> Tag:
This tag is used to create a hyperlink for connecting two or more web pages.
Start and end tags both are required and supported by all the browsers.
Attribute
|
Specification
and Value
|
HREF
|
It
specifies source of the next page in hyperlink.
|
NAME
|
We
can specify an anchor name, the name you want
to use when referring to the enclosed item as the target of the hyperlink.
|
TARGET
|
It
indicates the name of the frame or name of the
part for the HREF hyperlink to jump there.
|
ACCESSKEY
|
It
assigns a keyboard short cut to the hyperlink and we can activate that link
directly using key board shortcut.
|
Note:
We can set Colours for hyperlinks using following attributes of <BODY>
tag.
LINK
ALINK
VLINK
~ ~ ~ ~ ~ ~ ~ * ~ ~ ~ ~ ~ ~ ~
1) External
Hyperlink: We can link a web page with another web
pages, this kind of link is called External Hyper Link. We will apply <A> tag
with “HREF” attribute.
An example for Linking between
two web pages: (External
Hyperlink)
Step-1:
First we create an HTML document and save with .HTML like “PG.HTML”
<!
PG.HTML>
<HTML>
<HEAD>
<TITLE> Working with
Hyperlink </TITLE>
</HEAD>
<BODY BGCOLOR="CYAN" TEXT
="MAROON">
<H1> An Example of
External Hyperlink </H1>
<FONT
SIZE="5">
PGDCA stands for
"Post Graduate Diploma in Computer Application" <BR><BR>
Subjects are: <BR>
GUI Programming in
VB <BR>
Database Management
System <BR>
E-Commerce &
HTML <BR>
Practical on VB,
ORACLE, HTML <BR>
Project (Viva-Voce) <BR>
</FONT>
</BODY>
</HTML>
Step-2:
Now we create another Web Page “COURSE.HTML” and link with previous created PG.HTML file:
<!
COURSE.HTML>
<HTML>
<HEAD>
<TITLE> Working with
Hyperlink </TITLE>
</HEAD>
<BODY BGCOLOR="YELLOW"
TEXT ="RED">
<H1> An Example of
External Hyperlink </H1>
<FONT
SIZE="5">
Click on following
link to know more about Computer Course: <BR><BR>
<A HREF="PG.HTML"> PGDCA Course </A>
</FONT>
</BODY>
</HTML>
~ ~ ~ ~ ~ ~ ~ * ~ ~ ~ ~ ~ ~ ~
2. Internal Hyperlink:
We can activate a part (or section) of a web page by linking, this kind of link
is called Internal
Hyper Link. We will apply <A> tag with “HREF” and “NAME”
attributes.
An example for Internal Hyperlink:
<! INT-LINK.HTML>
<HTML>
<HEAD>
<TITLE>
Working with Hyperlink </TITLE>
</HEAD>
<BODY
BGCOLOR="YELLOW" TEXT="RED">
<H1>
Welcome to PtRSU, Raipur </H1> <BR>
<BR> <BR>
<H1>
Available Computer Courses: </H1> <BR>
<FONT
SIZE="5">
<A HREF="#PG">
PGDCA Course
</A> <BR><BR>
<A HREF="#DC">
DCA Course
</A> <BR><BR>
</FONT>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<A
NAME="PG">
<FONT
SIZE="5" COLOR="MAROON">
PGDCA
Stands for "Post Graduate Diploma in Computer Application" <BR><BR>
<B>
Subjects are: </B> <BR>
Software
Organization <BR>
PC
Softwares <BR>
Programming
in C Language <BR>
Practical
on C Language <BR>
Practical
on PC Softwares <BR>
</FONT>
<BR> <BR>
</A>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<A
NAME="DC">
<FONT
SIZE="5"
COLOR="GREEN">
DCA
Stands for "Diploma in Computer Application" <BR><BR>
<B>
Subjects are: </B> <BR>
GUI
Programming in VB <BR>
Database
managment system <BR>
E-Commerce
& HTML <BR>
Practical
on VB, ORACLE, HTML <BR>
Project
(Viva-Voce) <BR>
</FONT>
<BR> <BR>
</A>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
</BODY>
</HTML>
~ ~ ~ ~ ~ ~ ~ * ~ ~ ~ ~ ~ ~ ~
No comments:
Post a Comment