Home >Web Front-end >HTML Tutorial >Detailed introduction to HTML links

Detailed introduction to HTML links

高洛峰
高洛峰Original
2017-03-22 14:16:281884browse

HTML uses a hyperlink to connect to another document on the web. Links can be found on almost every web page. Click a link to jump from one page to another.

HTML Hyperlink(Link)

HTML uses the tag to set up hypertext links.

A hyperlink can be a word, a word, a group of words, or an image. You can click on these contents to jump to a new document or a certain part of the current document.

When you move your mouse pointer over a link on a web page, the arrow changes into a little hand.

The href attribute is used in the tag to describe the address of the link.

By default, the link will appear in the browser as:

  • An unvisited link appears in blue font and underlined


  • Visited links appear purple and underlined


  • When you click a link, it appears red and underlined


HTML link syntax

The HTML code for the link is simple. It looks like this: :

Link text

The href attribute describes the target of the link. .

HTML link - target attribute

Using the Target property, you can define where the linked document is displayed.
FantasyProgramming

HTML connection - id attribute

The id attribute can be used to create bookmark tags in an HTML document.

Tips: Bookmarks are not displayed in any special way and are not displayed in HTML documents, so they are hidden from readers.

Example

Insert ID in HTML document:

Useful Tips Section

Create a link to the "Useful tips section (id="tips")" in the HTML document:

Visit the Useful Tips Section

Alternatively, create a link to the "Helpful Tips (id="tips") section" from another page:


Visit the Useful Tips Section


BasicDo’s and Don’ts - Helpful Tips

Note: Note: Always add forward slashes to subfolders. If you write the link like this: href="http://www.php.cn/abc.htm", two HTTP requests will be generated to the server. This is because the server will add a forward slash to the address and then create a new request, like this: href="http://www.php.cn/html/"

HTML link tag

Label describe
Define a hyperlink

The above is the detailed content of Detailed introduction to HTML links. 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