Using Link Anchors on your Site

HTML Tutorials

Tutorial

Click on thumbnailed images to enlarge

Link anchors are very cool and useful for long websites. An anchor is a link that when clicked simply moves you to a different portion of the page. For instance if a link is at the top of the page pointing you to information at the bottom of the page clicking the link will scroll down to the information. The great part about this is that it is relatively simple to implement and makes for a pretty cool setup on your site. The first part of the code is the link.


<a href=\"#jump\">Jump to Jump</a>



This part of the code links to #jump. This code acting alone will not do anything so we need to add one more part.

<a name=\"jump\"></a>



Take the above code and place it right above where you want the link to jump to. This link is known as the anchor it holds the position of where to scroll to.

Be sure to include the number sign in the link but not in the name (anchor).

Tutorial Comments

Showing latest 6 of 6 comments

Why don't you just open up a regular account here?
Nice, useful tutorial here:D

By Butterface89 on Aug 15, 2010 8:08 pm

GOOD...I GOT IT~

By emily888 on May 29, 2010 4:10 am

Fave! I used to use these.

By dilligrout on Oct 28, 2008 3:16 am

i don't get it..im trying this on my myspace profile...

By Jghelfi on Oct 26, 2008 2:32 pm

Cool, nice code ^_^

By Changminniegf on Oct 25, 2008 1:03 pm

I've been trying to figure this out, thanks!

By NeGG on Sep 2, 2008 4:42 pm

Tutorial Details

Author SteveZz View profile
Submitted on Jul 27, 2008
Page views 13,830
Favorites 35
Comments 6
Reviewer manny-the-dino View profile
Approved on Jul 30, 2008

Tutorial Tags