Home > Web Front-end > HTML Tutorial > How to set link in html

How to set link in html

藏色散人
Release: 2023-01-06 11:14:32
Original
13089 people have browsed it

In HTML, you can set a hypertext link by using the tag , with syntax such as "Link text"; the hyperlink can be a A word, a word, or a group of words, or an image. Users can click on these contents to jump to a new document or a certain part of the current document.

How to set link in html

The operating environment of this article: Windows 7 system, HTML5&&CSS3 version, DELL G3 computer

HTML uses the tag to set 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 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 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">链接文本</a>
Copy after login

The href attribute describes the target of the link. .

Example

<a href="//m.sbmmt.com/">访问PHP中文网</a>
Copy after login

The above line of code is displayed as: Visit PHP Chinese website

Clicking this hyperlink will take the user to The homepage of PHP Chinese website.

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

Recommended learning tutorials: html video tutorial, css video tutorial

The above is the detailed content of How to set link 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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template