HTML Anchor Bookmark Tag Links

Updated on 13 Feb 2012,
Published on 24 Jun 2008

HTML anchor < a > tag is also very useful for creating bookmark links. HTML bookmark tag links help in linking the different parts of a single HTML document. HTML bookmark tag link navigates the web page to the targeted location of same or different web page. name attribute of HTML anchor <a> tag provides the feature of bookmark links. For example if there is an anchor tag with name="top":

HTML Examples:

You can see the live samples and examples of HTML Basic tags from the following links:

<a name="top">Title Text here</a>

Above HTML link works as a bookmark link. You can navigate to this bookmark by using href="#top" in another HTML anchor <a> tag link:

<a href="#top">go to top</a>

Above HTML bookmark tag link code works within the single web page. If you want to open the bookmark of another web page then you have to specify the page name also. For example page2.html contains the HTML anchor tag with name="top", then you can open the target bookmark link as following:

<a href="page2.html#top">go to page2 top</a>

HTML Bookmark link tags are very beneficial for the long pages like FAQs of web sites. Top section of web page displays the frequently asked questions linked using HTML bookmark tag to their answers on the same page.

You can also use two way bookmark links in HTML web page. For example:

<a href="#bottom" name="top">go to bottom</a>

<!-- Use above link at the top of your web page. -->

<a href="#top" name="bottom">go to top</a>

Use above link at the bottom of your web page. Both links will work as bookmark links to each other.

Output:

You can see the output of above discussed sample code from the following link:

HTML HyperLink Bookmark Tag

Continue to next tutorial: HTML Hyperlink Anchor Tag CSS Styles to learn customizing the appearance and rollover effects of HTML anchor tag.

7 Responses to "HTML Anchor Bookmark Tag Links"
Reyaz
the tags n bookmarks may be explained in a bit more detail. perhaps the author assumes that the matter is clear to the readers already.
code html bookmark
how can link our site: www.youngershoes.com??
Is this the method I have been looking for concerning bookmarking my web site. www.webstoresguide.com
I used this code to create bookmarks in my site: http://www.everytutorials.com :)
here is a detailed html link help http://www.corelangs.com/html/links/default.html craig
Leave a Comment
* required
* required
* will not be published
* optional
* hint: http://www.example.com
  • Subscribe via Email