Link to an anchor, Link to a page on the same site TUTE 4

                                          Link to an anchor, 

Anchors can be used to jump to specific tags on an HTML page. The <a> tag can point to any element that has an id attribute

Suppose you are created a page (page1.html) on many topics:
<h2>First topic</h2> 
<p>Content about the first topic</p>
 <h2>Second topic</h2>
 <p>Content about the second topic</p>

If you gave an id attribute to your topics, you could then link to them

<h2 id="Topic1">First topic</h2>

 <p>Content about the first topic</p> 

<h2 id="Topic2">Second topic</h2>

 <p>Content about the second topic</p>

 Now you can use the anchor in your table of contents:

<h1>Table of Contents</h1> 

   <a href='#Topic1'>Click to jump to the First Topic</a> 

   <a href='#Topic2'>Click to jump to the Second Topic</a>

Remember, you can always <a href="page1.html#Topic1">look back in the First Topic</a> for supporting information. 

 Link to a page on the same site

You can use a relative path to link to pages on the same website.

<a href="/example">Text Here</a>

If this link was on http://example.com, the following two links would bring the user to the same location

<a href="/page">Text Here</a> 

<a href="http://example.com/page">Text Here</a>