Web topic 7 html tags for links

643 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
643
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Web topic 7 html tags for links

  1. 1. Web Authoring Topic 7 –HTML Tags for Links
  2. 2. ObjectivesStudents should able to:1. Use Web Authoring tool to createhyperlinks:- link to another HTML page;- link to a section of an HTML page (anchors);- link to an e-mail address;
  3. 3. Other “Links”Creating Hyperlinks.Links to other documents.Links between sections of documents.Links email.
  4. 4. Other “Links”Creating Hyperlinks.<a href="http://www.w3schools.com/">Visit W3Schools</a>Links to other documents.A link to <A HREF="http://www.somewhere.com"> AnotherWeb Page</A>.Links between sections of documents.A link to <A HREF="#thisspot"> a specific part of a web page</A>.Links email.A link to <A HREF="mailto:Steve.Anisman@vtmednet.org">someones e-mail account</A>.
  5. 5. Images as HyperlinkInline images can be used as hyperlinksjust like plain text.Example:<A HREF= “http://www.ite.edu.sg”><IMG SRC=“ITE.gif” ALT= “ITE homepage”></A>
  6. 6. AnchorsTo "jump" to a section of your page, usethe named anchor tag.Here is the syntax: <A NAME="whatever">DescriptionLink</A>.
  7. 7. AnchorsFor example, if your page contains a reportthat has different sections, you can create anamed anchor for the Report Summarysection by using the following: <A HREF="#summary">ReportSummary</A>.We have created a named anchor tag for theReport Summary section of the page, so now wecan create the link to that section of the page.
  8. 8. EmailThe tags below will allow people to sendyou an e-mail by clicking on the linkcreated when you type in the html tagsabove.E-mail me at: <a href="mailto:Put your emailaddress with extension here">Put your emailname with extension here also </a>

×