In-Page Link Code (Jump Links) | CodingSource

In-Page Link Code (Jump Links)

It is used to move from one point of the page to another within the current page. By combining the two concepts, the id and link are created for the page. The target point (we call this concept anchor) and the link to the target point (we call it a link).

Anchor: In earlier versions of HTML, <a name="anchorname">…</a> was used for anchors. Nowadays all tags with name and id are potential anchors.

Sample

<span id="article1">with or without text</span>

<p name="comments">.....</p>

article1 and comments here give the name of the anchor.

Let's see how we can reach these anchors, we said that we use the <a> tag for the link and that we use # and the anchor name together to reach a point (with id and name value) in the page.

<a href="#article1">CLICKING GOES TO ARTICLE 1 LINK</a>

<a href="#comments">TO CLICK TO THE COMMENTS LINK</a>

Now let's combine the two concepts. In our example we will have two links and two anchors. At the top of the page and at the bottom of the page, we will add two anchors, the names of which are top and bottom. We will create two links ( a ) that point to these anchors. We will often use br tags as a scrollbar.

Html Codes Related Posts

Newer Post Load More Pages..