There’s more than one way to skin a cat.
And, there’s more than one way to create internal page links to move to specific areas inside a post.
With a few images, I hope to simplify this process to make this so easy for you – it’s like fallin’ off a log.
The Basics
To set up the anchor text, I use this basic layout:
<span id="youranchortext">
</span>
“youranchortext” can be any name you desire – but make it unique. I use this a great deal for my monthly question and answer pages – to help my quiz takers link directly to the answer for any question that stumps them – so, I have developed a way to keep my anchor text unique.
For instance, for my November, 2018, answer to question #1, I use the anchor text, “112018A1.” Make sense? It shows the month (11), the year (2018) and the answer number (A1) for the specific question.
But, you can use any combination of letters or numbers or words – just don’t use the same exact combination more than once in any post or the link URL will get confused.
Next, set up the link URL like this:
https://YourWebsiteURL/YourPostURLWhereTheAnchorTextIsLocated/#YourAnchorName
Using this setup, my link on the November, 2018, question page – for the answer to question #1 – would look like this:
https://perfect-vegetable-garden.com/jims-november-2018-gard...
The next few pages show how and where to place the anchor text and the link URL.
You don't need the first "</span>" tag you are using.
Think of HTML codes this way... first, you turn ON whatever it is you want to do. Let's say you want to BOLD some text, then you would simply turn ON the bold tag this way:
<strong>
and then turn OFF the bold tag this way:
</strong>
so that your line of code completed, would look like the following:
<strong>[text is placed here]</strong>
Same thing for your SPAN tag. Turn it on once and turn if off once. Anything beyond that is unnecessary and only works to possibly confuse a browser.
Not to worry though, as you can easily edit your tutorial.
Hope this helps you.