Home >Web Front-end >HTML Tutorial >HTML sets the jump of links within the page—anchor link

HTML sets the jump of links within the page—anchor link

不言
不言Original
2018-12-04 15:17:2110269browse

What is an anchor link? The so-called anchor link is to create a link to jump to a specified location when the page length is long. In short, it is to jump through the link within the page. Then, the following article will introduce to you about HTML settings. How to jump links within the page.

HTML sets the jump of links within the page—anchor link

First let’s take a look at the writing format of links in HTML

Link address

Change the link name The id is set to the element of the jump position.

Next let’s look at a specific example

Create the following HTML file

The code is as follows

Anchor.HTML sets the jump of links within the page—anchor link

Instructions:

In the code mentioned above,

clicks on the link

so that it will jump to the corresponding page. Location.

Run results

Executing the above HTML file will display the following effect

HTML sets the jump of links within the page—anchor link

Click the area 1 link in the page. The page will jump and area 1 will be displayed at the top of the screen.

HTML sets the jump of links within the page—anchor link

Similarly, if you click on area 2 and area 3, the same effect will appear.

Note:

The jump id can be used even if it is not a tag. The following code shows the code when specifying the id of the div tag as the jump target.

This article ends here. For more exciting content about HTML, you can pay attention to the HTML Video Tutorial column on the php Chinese website! ! !

The above is the detailed content of HTML sets the jump of links within the page—anchor link. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article:What are the html fonts?Next article:What are the html fonts?