..."; 2. Set the anchor point at the required position in the page; 3. In the href Just append "#+anchor name" after the path."> How to set anchor point in html-Front-end Q&A-php.cn

How to set anchor point in html

藏色散人
Release: 2023-01-06 11:15:23
Original
24858 people have browsed it

htmlHow to set anchor points: 1. Set an anchor point link "..."; 2. Place it at the required position on the page Set the anchor point; 3. Append "# anchor name" after the path in href.

How to set anchor point in html

The operating environment of this article: Windows7 system, HTML5 version, DELL G3 computer

Anchor point in html

  • Anchor setting for jump within the page

Jump within the page requires two steps:

Method one:

①: Set an anchor linkGo to find cats; (Note: Add # at the beginning of the attribute value of the href attribute)

②: On the page Set the anchor point at the required position(Note: A name attribute must be written in the a tag, and the attribute value must be the same as the href attribute value in ①. Do not add #) Fill in the necessary text as needed in the tag, generally do not write the content

Method 2:

①: Same as method 1 ①

②: Set the position of the anchor point

Meow Star Base

; Add an id attribute to the label of the location you want to jump to. The attribute value is the same as the href attribute value in ①, without adding

# Method 2 does not need to add a separate a tag to specifically set the anchor point, just add an id to the tag at the required position.

Small case:

    萌宠集结号 

喵星人基地

喵喵喵~

喵喵喵~

喵喵喵~

喵喵喵~

喵喵喵~

喵喵喵~

汪汪汪~

汪汪汪~

汪汪汪~

汪汪汪~

汪汪汪~

汪汪汪~

萌萌萌~

萌萌萌~

萌萌萌~

萌萌萌~

萌萌萌~

萌萌萌~

Copy after login

  • Cross-page jump

①: Set anchor link , append after the path in href: # anchor name, you can

For example:Jump to Cute Pet Collection Page< /a>

②: Set the anchor point in the page you want to jump to. For the method, see step ②. Choose one of the two methods.

Recommended study: "HTML Video Tutorial"

The above is the detailed content of How to set anchor point in html. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
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
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!