Link within Page

You are already aware that with HTML element <a>, we can link different HTML documents on a page.

For example, from this HTML document, we can add a link to Google.com by providing its URL in the href attribute.

But HTML provides a technique through which we can link an HTML document's internal sections or elements.

Such links within a page are created with help of id attributes of HTML tags.

Linking within the same document is helpful and creates a better user experience when a page is very long.

Let's create a link for a sub-section within the page.

First, we will define an HTML element with attribute id.

The value of the id attribute will be a unique name.

By unique, we mean that no other id will have the same name in that HTML document.

This is like we have created a bookmark for William Shakespeare with the id william.

Now we can create a link for the bookmark we created as follows:

Here we have written the id value after the # (hash) symbol in the href attribute.

Below is a complete example. Click on 'Result on Editor' to view the output of the code.

From other HTML documents we can link to this bookmark as follows:

The url will be replaced with the actual URL of the document where the id william is specified.

If a page is very long and divided into different sections, providing links to such sections within a page is helpful to users.

It creates a better user experience because they can directly navigate to the sections they are more interested in.

On this page, we have talked about the HTML id attribute. Don't worry if you don't know about it. You will learn about it later in the tutorial.