by

This tutorial will show you how to create an HTML anchor, a jump link, which brings your costumers directly to a particular place on your page. I also will show you the HTML anchor code for a “back to the top” jump link.

To show you how I use a page on my other website http://thisiskidsart.com/kids-art-2 where you can see the working of the back to the top jump link, and the anchor links to the specific item on the page.

How to Create HTML Anchor, Jump Link Tutorial

There are two codes needed,

At first you switch from Visual to Text

You search in the text area for the sentence you want to place your text code beneath.

I searched for the sentence “Kids art, Art and Crafting Ideas at Low Cost that Kids will Love”

and look where the HTML code stops. There I am going to enter my text code.

After you have pasted the text link, you have to place the HTML anchor.

1. Scroll down to the point where you want to link to, in my case the H2 Color with Wool.

2. Paste the HTML anchor just before the text code.

3. Update the page.

Now we are going to make the back to the top HTML anchor,

the jump link which will bring your visitors “back to the top”.

HTML text jump link <a href=”#Back to Top”>Back to Top</a> this link I place now into this text area, so I copy it and switch over to Text

HTML anchor link <a name=”Back to Top”></a> this link I copy and place it at the very top of my text area.
Back to Top

For an anchorlink from one page to an article half way down on another page

you can use this code:

<a href=”http://pagename#anchorname”>anchorname</a>

<a name=”anchorname” id=”anchorname“></a>

I hope you enjoyed my tutorial about HTML anchor, jump link.

“HTML Anchor, Jump Link”

I was able to write these tutorials for you, because of the great course I am following on the

Wealthy Affiliate University

Others also read...

HTML Ordered List Start Number

Loes Knetsch © You must have encountered this problem while writing your website content. You add a numbered list, and you want to insert an Read more...

List of html codes, no Css or JavaScript

  When you are having a WordPress website, you probably know that a lot of codes are stripped. I have searched for HTML codes which Read more...

by