Upload
varsha-dubey
View
1.596
Download
0
Embed Size (px)
DESCRIPTION
Citation preview
MULTIMEDIA
&
WEB TECHNOLOGY
FIRST TERM PROJECT WORK
TOPIC : LINKING IN HTML
URL: UNIFORM RESOURCE LOCATOR
URL Defines As Basically, Is A Way To Tell Your Web Browser ( Or Other Program) Where To Look For Something. If You Want To Make A Hypertext Link To A Page, You Would Need Its URL.
TYPES OF URL
ABSOLUTE URL
RELATIVE URL
ABSOLUTE URL An absolute URL contains more information than a
relative URL does. Relative URLs are more convenient because they are shorter and often more portable. However, you can use them only to reference links on the same server as the page that contains them.
An absolute URL typically takes the following form: protocol://hostname/other_information
RELATIVE URL Relative URLs can take a number of different forms.
When referring to a file that occurs in the same directory as the referring page, a URL can be as simple as the name of the file. For example, if you want to create a link in your home page to the file internet.html, which is in the same directory as your home page, you would use:
<a href=“internet.html">The Wonderful World of Internet!</a>
WHAT IS HYPERLINK ?
In web terms ,a hyperlink is a reference (an address) to a resource on the web.
Hyperlink can point to any resource on the web: an HTML page ,an image, a sound file, a movie etc.
WHAT IS ANCHOR ?
An anchor is a term used to define a hyperlink destination inside a document.
The HTML anchor element <a>, is used to define both hyperlinks and anchors.
DIFFERENTIATE BETWEEN:
<A> AS AN ANCHOR
• It is used to name a section of an html document.
• Example: <A name=“top”> Hello
</A> ……………….. <A href=“#top>go to top </A>
<A> AS A LINK
• It is used link to a different page or to link to another part of the same page.
• Example: <A href=www.yahoo.com>
GO TO YAHOO </A>
USAGE OF LINKS
Inter-file linking:- Link to a different page within your own website or link to another webpage or website on the world wide web (www).
Intra-file linking:-Jump from one section to another section within the same web page (also called page jump).
E-mail linking:-Link to an e-mail program.
INTER-FILE LINKING
PAGE LINK IN HTML document:-
<HTML><TITLE>LINK TRY</TITLE><BODY BGCOLOR =“CCCCFF”>Back to <A HREF=“Index.htm” TARGET=“_blank”>
Home page</A></BODY></HTML>
INTRA-FILE LINKING
EXAMPLE:- <HTML> <TITLE>LINK TRY</TITLE> <BODY BGCOLOR=“CCCCFF”> <A NAME=
“INDOOR”><B>INDOOR ACTIVITIES</B></A>
</BODY> </HTML>
NAMED ANCHOR:-
A named anchor is a hidden reference marker for a particular section of your html file.
EXAMPLE:-<A HREF=“[email protected]”>E-MAIL US</A>
E-MAIL LINKING
ATTRIBUTES OF <A> TAG<A> ATTRIBUTES & ITS
VALUE
• HREF :- URL -
• NAME:-TEXT -
• TARGET:-_blank -
ATTRIBUTE VALUES Indicates the hypertext
reference that is specifies the url of the file to which you want to link.
Indicates the name of the section within the document.
Indicates the link file is to be open in a new browser window.
HTML CODING:-<HTML><HEAD><TITLE>ONLINE GAMES </TITLE></HEAD><BODY>Games GaloreThe Best Online Games Site</FONT></CENTER><BR><FONT SIZE="6"TEXT="ARIAL">Welcome To Games Galore …to play them off-line.Featured Games:<OL><LI>A HREF="puzzle.html"TARGET="_BLANK">Puzzle Games</A></U></B></OL><OL TYPE="square"><LI>Tetris<LI> Cubics</OL><OL TYPE=1 START=3><LI><B><U><A HREF="action games.html">Action Games</A></U></B></BODY></HTML>
MADE BY: 1.VARSHA DUBEY 2.ANJALI KUMARI 3.SHALU ESOLIYA CLASS & SECTION: XI-E
THE END………….