HTML link

I believe everyone is familiar with hyperlinks. I don’t know how many I click on every day. 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. In the previous example, we simply used the < a> tag, used characters as hyperlinks on the Internet, and also used < a> to implement the function of sending emails. What we are going to talk about below are all about the attributes of the < a> tag

We will explain HTML links in detail:

1. Add a hyperlink to the text

First of all, let’s review the simplest link usage, which is to directly add links to text to web pages and other HTML files.

HTML content is as follows

<html>
<body>
<p>let's have an example</p>
<p>
<a href="http://www.php.cn">php中文网</a>
</p>
</body>
</html>

This is a screenshot of myself in the environment:

QQ截图20161010173757.png

This is the simplest hyperlink, next Let's link this HTML file to another HTML file. (In the same folder, add another HTMl file), and then the following is the HTML content and results

QQ截图20161206103150.png

After clicking in (the content of the other HTML will no longer be displayed) ：

QQ截图20161206103248.png

2. Add a link to the picture

QQ截图20161010174737.png

This It is a screenshot of the content and results:

QQ截图20161010174741.png

After clicking on the picture, the link is successful:

QQ截图20161010174747.png

Continuing Learning

new file

<html> <body> <p>let's have an example</p> <p> <a href="http://www.php.cn">php中文网</a> </p> </body> </html>

submit Reset Code

Automatic operation

HTML link

ElementaryImperial CMS enterprise imitation website tutorial

ElementaryNewbies with zero foundation in WordPress build personal blogs and corporate websites

ElementaryUltimate CMS zero-based website building instruction video

ElementaryFront-end project-Shangyou [HTML/CSS/JS technology comprehensive practice]

IntermediateVue3.0 from 0 to build a universal backend management system project practice

ElementaryZero-based front-end course [Vue advanced learning and practical application]

ElementaryWEB front-end tutorial [HTML5+CSS3+JS]

ElementaryQuick introduction to apipost

IntermediateVue3+TypeScript practical tutorial-enterprise-level project practice

ElementaryLet's briefly talk about starting a business in PHP

IntermediateVUE e-commerce project (front-end & back-end dual project actual combat)

ElementaryApipost practical application [api, interface, automated testing, mock]