TERMS

1. Jump (hyper) Link: - an internal link that allows you to move to various locations on pages or posts.

  • <a></a>: anchor tags for hyperlinks. The anchor tags embrace the address of where you want to go.

2. Jump Link within a page or post:

- Pointer Link to where you want to go:
<a href="#anchor text">text to click on</a>

  • <a : opening anchor tag (remember to put a space between this and the href=).
  • href= : indicates that an address follows specifying a page location for the hyperlink. Without the href the link isn’t a hyperlink.
  • “#anchor text" : is the hash tag containing the anchor text to pinpoint the exact location of the target. This needs to be repeated in the target of the link. The anchor text should be relevant to what you are talking about. Ie. if you have text such as ‘for further information refer to Tables (pointer link) use Tables as the anchor text in both pointer and target. And logically the target link will be just before something that is a table heading.
  • >text to click on : is the text that you type in for people to click on to go places.
  • </a> : closing anchor tag

- Target link is the place you want to end up:
<a name="anchor text"></a>

  • <a : opening anchor tag (remember to put a space between this and the name=).
  • name= : specifies that the name of the anchor follows.
  • “#anchortext" : is the hash tag to anchor the pointer link. This needs to be a repeat of the hash tag in the pointer link. The anchor text is the part of the link that attracts the pointer to the target.
  • ></a> : Don’t enter anything between the two opposing brackets as you don’t want to any text to appear where you are heading. For example if you do enter any text such as 'top of page' it will show up at the top. This isn't necessary as you know you are at the top.

Note: the target should be in front of your destination. It will show on the visual screen as a tiny anchor. It doesn’t show on your live website.

3. Jump Link between pages and/or posts:

- Pointer link:
<a href="http://full URL of website page/#anchor text">text to click on</a>

As above to href=, then

  • "http://full URL of website and page/ : -Copy this from your page or post under the ‘Preview Snippet’. Any jump from one page or post to a separate page or post requires an URL. The jump goes from your site page out to the big wide world then arrows back to your website to the target anchor text.
  • “#anchor text"> : is the hash tag to pinpoint the exact location of the target. This text needs to be repeated on the target of the link. The anchor text is the part of the link that tells it exactly where to go. The anchor text should be relevant to what you are talking about. Ie. if you have text such as ‘for further information refer to Tables (pointer link) use Tables as the anchor text in both pointer and target. And logically the target link will be just before something that is a table heading.
  • >text to click on : is the text that you type in for people to click on to go places.
  • </a> : closing anchor tag

- Target Link: <a name="anchor text"></a>

  • <a : opening anchor tag (remember to put a space between this and the name=).
  • name= : specifies that the name of the anchor follows.
  • “#anchor text"> : is the hash tag to anchor the pointer link. This needs to be a repeat of the hash tag in the pointer link.The anchor text is the part of the link that attractsthe pointer to the target.
  • ></a> : Don’t enter anything between the two opposing brackets as you don’t want to any text to appear where you are heading. Use the text you want to end up at as your hash tag name

Note: the target should be in front of your destination. It will show on the visual screen as a tiny anchor. It doesn’t show on your live website.



Join the Discussion
Write something…
Recent messages
Prestones Premium
Hi Helen -

I just did a similar blog at - amazing!

I'll go back and edit the blog to send folks this way!

One other note - I believe that since the "#anchor text" is part of a link, the name following the hashtag has to begin with a letter, followed by letters, digits, hyphens, or underscores - no spaces are allowed.

Perhaps you could verify my suspicion?

Great work!

Dennis
Reply
HelenpDoyle Premium
Just added your blog link to this.
Reply
JSakanee Premium
Wow. Thanks, Helen.
This will be good for some of my long list posts.
Reply
Shawn Martin Premium
Nice work!
Reply
JAHBOBCLATO Premium
Back in 19901, I used to do that in Old School HTML. it works well in PHP too.
Reply
HelenpDoyle Premium
OK so if you are implying I'm a dinosaur you are right! If the old ways work why change unless you find something new and better. I am always agreeable to learning. So what is PHP?
Reply
JAHBOBCLATO Premium
Naww , not calling you names. You reminded me of my beginnings.

Just picking on you.

-----------------------------------------
Remember "Geocities.com"????
PHP is one of the new web programming languages that Wordpress is written in.
--------------------------------------------------------

Like JAVA, CSS....stuff like that.
If you peek into the text mode, you see what PHP looks like.

If you have taken a class in C, C++, or c#( C sharp), you will be familiar with the structure of PHP.

Honestly, I liked the old way, but since technology increased, it was developed as a scripting language best suited for to server-side web development.
Reply
HelenpDoyle Premium
Now Robert, I started programming with Fortran and that's really an old dinosaur. Then Pascal for engineering programming. Then I ran away and hid from coding until now. When I look at coding now it looks like hieroglyphics to me.
Reply
JAHBOBCLATO Premium
eeeeee... i did tooo. Fortran 77.
I saw pascal being tutored.

I used to be a computer tutor myself.
I did fortran 77 get this.. on the old Boroughs terminals...in 1987, VB 6 in 1998.
I don't feel so bad now.
OOhhh
my first """computer""" was a TRASH 80.
Get it..... ??? TRSash80

1982
Reply
JAHBOBCLATO Premium
nice to learn this new term.. Jump Linking.
Reply
Top