Example sharing of anchor tag usage in HTML

Example sharing of anchor tag usage in HTML
Anchor tag usage:
Linking to a specific location in the same document is called an anchor link.
The method of using an anchor is to select a target location and create a positioning tag, which is determined by the value of the name attribute of the <a> tag.

Anchor tag name. The format is:
<a name="Anchor Tag Name">
The name attribute is used to create a named anchor. When using a named anchor, we can create a pointer that jumps directly to a page.

The content of the article can be linked to a specific part without requiring the reader to scroll to find the part he/she needs.
Following is the syntax to create a named anchor:
<a name="label">Text to be displayed</a>
The name attribute is used to create a named anchor. The anchor name can be named with any text you like.
The following line defines a named anchor:
<a name="tips">Useful Tips Section</a>

Then create a link to this target tag anywhere on the web page. The link address name created in the title should be the same as the positioning tag name, with a "#" sign in front. The format is:
<a href="#locator tag name">
A named anchor is displayed no differently than an ordinary link.
To link directly to the "Highlights" section, you generally need to add the # symbol and the anchor name to the end of the requested URL, like this:
<a href="Jump'>http://www.w3schools.com/html_links.asp#tips">Jump to the Useful Tips Section</a>

The syntax for anchor links available inside the file "html_links.asp" (inside a page) is as follows:
Jump to the Useful Tips Section

It’s too tiring to read the text description: Here is a simple example for everyone on 123WORDPRESS.COM:


Tip: You can modify some of the code before running

Copy it to your page and try it out to see if it works!

<<:  Implementing password box verification information based on JavaScript

>>:  Design theory: the basics of font design

Recommend

Nodejs-cluster module knowledge points summary and example usage

The interviewer will sometimes ask you, tell me h...

Docker uses the Prune command to clean up the none image

Table of contents The creation and confusion of n...

Vue gets token to implement token login sample code

The idea of ​​using token for login verification ...

How to use CSS custom variables in Vue

Table of contents The CSS custom variable functio...

Notes on configuring multiple proxies using vue projects

In the development process of Vue project, for th...

Installation, configuration and use of process daemon supervisor in Linux

Supervisor is a very good daemon management tool....

How to convert MySQL horizontally to vertically and vertically to horizontally

Initialize Data DROP TABLE IF EXISTS `test_01`; C...

5 ways to migrate Docker containers to other servers

Migration is unavoidable in many cases. Hardware ...

Detailed explanation of the pitfalls of Apache domain name configuration

I have never used apache. After I started working...

Linux system disk formatting and manually adding swap partition

Windows: Support NTFS, FAT Linux supports file fo...

Summary of some situations when Docker container disk is full

Preface This article describes two situations I h...

How to set npm to load packages from multiple package sources at the same time

Table of contents 1. Build local storage 2. Creat...