LINKING IN HTML

2,607 views

Published on

Published in: Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,607
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
25
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

LINKING IN HTML

  1. 1. URL: UNIFORM RESOURCE LOCATORURL Defines As Basically, Is A Way To TellYour Web Browser ( Or Other Program)Where To Look For Something. If YouWant To Make A Hypertext Link To APage, You Would Need Its URL.
  2. 2. TYPES OF URLABSOLUTE URL RELATIVE URL
  3. 3. ABSOLUTE URLAn absolute URL contains more information than arelative URL does. Relative URLs are moreconvenient because they are shorter and oftenmore portable. However, you can use them only toreference links on the same server as the page thatcontains them.An absolute URL typically takes the following form:protocol://hostname/other_information
  4. 4. RELATIVE URLRelative URLs can take a number of different forms.When referring to a file that occurs in the samedirectory as the referring page, a URL can be assimple as the name of the file. For example, if youwant to create a link in your home page to thefile internet.html, which is in the same directory asyour home page, you would use:<a href=“internet.html">The Wonderful World ofInternet!</a>
  5. 5. 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 onthe web: an HTML page ,an image, asound file, a movie etc.
  6. 6. WHAT IS ANCHOR ?An anchor is a term used to define a hyperlinkdestination inside a document.The HTML anchor element <a>, is used todefine both hyperlinks and anchors.
  7. 7. DIFFERENTIATE BETWEEN: <A> AS AN ANCHOR <A> AS A LINK• It is used to name a • It is used link to a section of an html different page or to link document. to another part of the• Example: same page. <A name=“top”> Hello • Example: </A> <A href=www.yahoo.com> ……………….. GO TO YAHOO </A> <A href=“#top>go to top </A>
  8. 8. 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.
  9. 9. INTER-FILE LINKINGPAGE 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>
  10. 10. EXAMPLE:- INTRA-FILE <HTML> LINKING <TITLE>LINK TRY</TITLE> <BODY BGCOLOR=“CCCCFF”>NAMED ANCHOR:- <A NAME=A named anchor is a “INDOOR”><B>INDOOR ACTIVITIES</B></A>hidden reference </BODY>marker for a </HTML>particular section ofyour html file.
  11. 11. E-MAIL LINKINGEXAMPLE:-<A HREF=“XYZ.123@GMAIL.COM”>E-MAIL US</A>
  12. 12. ATTRIBUTES OF <A> TAG <A> ATTRIBUTES & ITS VALUE ATTRIBUTE VALUES Indicates the hypertext reference that is specifies the• HREF :- URL - url of the file to which you want to link.• NAME:-TEXT - Indicates the name of the section within the document. Indicates the link file is to be• TARGET:-_blank - open in a new browser window.
  13. 13. 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>
  14. 14. MADE BY: 1.VARSHA DUBEY 2.ANJALI KUMARI 3.SHALU ESOLIYACLASS & SECTION: XI-E

×