HTML link


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.

Try it - Example

HTML Link
How to create a link in an HTML document.

(More examples can be found at the bottom of this page)

HTML Hyperlinks (Links)

HTML uses the tag<a>To set a hypertext link.

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 the mouse pointer over a link on the web page, the arrow will change into a small hand.

The href attribute is used in the tag <a> to describe the link address.

By default, links will appear in the browser as follows:

  • An unvisited link appears in blue font and underlined.

  • Visited links appear purple and underlined.

  • When a link is clicked, it appears red and underlined.

Note: If CSS styles are set for these hyperlinks, the display style will be displayed according to the CSS settings.

HTML link syntax

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

<a href="url">Link text</a>
# The ##href attribute describes the target of the link. .

Example

<a href="../">访问php中文网</a>
The above line of code is displayed as:
Visit php Chinese website
Clicking this hyperlink will The user is taken to the homepage of the php Chinese website.

Tips: "Link text" Does not have to be text. Images or other HTML elements can become links.

HTML Link - target attribute

Using the target attribute, you can define where the linked document is displayed.

The following line will open the document in a new window:

Example

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<a href="//m.sbmmt.com/" target="_blank">访问php中文网!</a>

<p>如果你将 target 属性设置为 "_blank", 链接将在新窗口打开。</p>

</body>
</html>

Run Example»Click the "Run Example" button to view the online example


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:

<a id="tips">Useful tips section</a>

Create a link to the "Helpful Tips Section (id="tips")" in the HTML document:

<a href="#tips">Access the Helpful Tips Section </a>

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

<a href="//m.sbmmt.com/html/html-links.html#tips">
Visit the helpful tips section</a>

Basic Notes - Helpful Tips

Notes: Always add forward slashes to subfolders. If you write the link like this: href="//m.sbmmt.com/html", 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="//m.sbmmt.com/html/".

More examples

Image link
How to use image link.

Link to the specified location on the current page
How to use bookmarks

Break out of the frame
This example demonstrates how to jump out of the frame, if Your page is held within the frame.

Creating an email link
This example demonstrates how to link to an email. (This example can only work after installing the mail client program.)

Create an email link 2
This example demonstrates a more complex email link.

HTML link tag

Define a hyperlink
TagDescription
## <a>
←
→