Web Workshop

Creating Links

Links are embedded into an HTML document using the anchor tag.

There are five basic ways to use the anchor tag (see examples in the table below):

Link using absolute reference
Creates a link to go to a specific URL. You must type in the complete URL of the site, starting with "http://"
Link using relative reference
Create a link to go to a page from the current directory. For example, if you were currently at http://www.tufts.edu/as/tampl, a link to "research.html" will take you to http://www.tufts.edu/as/tampl/research.html.
Sending an E-mail: To create a "send email" link, use "mailto:email_address" in the tag.
Creating an anchor within a page
An anchor placed on a page lets you jump to a specific location on the page by referring to the anchor later.
Linking to a specific location on a page using anchor
Once an anchor has been created, you can use <A HREF="page_title#name_of_anchor"> to jump to the location within a page.

Anchor tag	<A>
End tag	</A>
Attributes	HREF="URL_of_destination" NAME="anchorname" TARGET="_blank" to open link in a new window
Example: absolute link	<A HREF="http://www.tufts.edu">Link to Tufts</A>
Example: relative link	<A HREF="links.html">Link to a file named link.html in local directory</A>
Example: sending an email	<A HREF="mailto:username@tufts.edu">Send an email to username@tufts.edu</A>
Example: creating and using an anchor to jump to specific location on a page	<A NAME="here"></A> <A HREF="#here>Go to the anchor named "here" in current document</A>

Everything placed between the <A HREF=" "> and </A> constitutes the link; you can embed images and text as part of the link.

Add a link of your choice to your index.html page.
Modify your HTML code so that if the user clicked on your name, it links to your email.
Save index.html.