This tutorial will show you how to create a 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 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