EchoEcho.Com Homepage
Web Hosting - As Reliable As It Gets!
   Home > Tutorials > HTML > Links


 Tutorials 
 D-Zine Articles 
 Online Tools 
 Free Resources 
 References 
 Quiz 
 Hosting 

















  HTML Links :
LINK WITHIN A PAGE








Linking to anchors is very similar to normal links. Normal links always point to the top of a page. Anchors point to a place within a page.

A # in front of a link location specifies that the link is pointing to an anchor on a page. (Anchor meaning a specific place in the middle of your page).

To link to an anchor you need to:
  • Create a link pointing to the anchor


  • Create the anchor itself.


An anchor is created using the <a> tag.
If you want to create an anchor called chapter4, you simply add this line where you want the anchor to be:

<a name="chapter4"></a>


After doing this, you can make a link pointing to the anchor using the normal <a href> tag, like this:

Click <a href="#chapter4">here</a> to read chapter 4.


Note:
When linking to an anchor on a page you need to put a # in front of the anchor.


When you link to an anchor on the same page, simply enter

<a href="#YourAnchor">blabla</a>



When you link to anchors on external pages use this syntax:

<a href="http://www.yahoo.com#YahoosAnchor">blabla</a>






Anchors are generally used when you create pages with considerable amounts of text. You would typically make an index at the top of the page linking to the anchors that have been added to key places in the text that follows.

 << PREVIOUS
READ MORE >>  
















DEVELOPER TIP!
FACT:
Table widths are MINIMUM settings in HTML. Therefore they sometimes span wider than you wanted.
TIP:
Enclose the table within another table. This ensures that the inner table does not stretch beyond the minimum size defined for the outer table.





     "Better Than Books - As Easy As It Gets!"


On EchoEcho: D-Zine Articles | Tutorials | Online Tools | Free Resources | References | Quiz | HostingAbout EchoEcho