How to add a link to an image in html? How to click text to jump to a link in html

Now many websites are pages that combine pictures and text, and the website has many pictures, which can attract more users, and click on the picture to jump. , then how to add links to pictures in html? Let's summarize how to add links to images in html.

1: Add pictures to html

To add a link to a picture, first we need to insert a picture into the web page. We all know that there are many picture formats. These include some jpg, png, and bmp. Not all images in all formats can be uploaded. Only jpg and png can be inserted into the website. Some images in pad and ai formats cannot be inserted into articles. HTML pages cannot insert pictures directly, but insert an address to reference the picture to be inserted. As long as we use the tag to insert the picture, and put the picture into our server, we can implement HTML Put a link to the image.

Grammar:

<img src="https://img.php.cn/upload/article/000/000/003/5a9675a3b2106284.jpg" alt="php中文网" />

Analysis: The img in the grammar is the abbreviation of the minge of the picture, and the abbreviation of source is the abbreviation of src.

2: How to add a link to an image in html

It is relatively simple to add a hyperlink to an image in html. As long as we add an a tag in front of the image attribute tag, You can make the image attribute have a hyperlink. The code is as follows:

<img src="https://img.php.cn/upload/article/000/000/003/5a9675a3b2106284.jpg" alt="php中文网" />

The effect is as follows:

The above is how to add a link to an image in html? A complete introduction to the method of clicking text jump links in html. If you want to know more about Html5 tutorial, please pay attention to the php Chinese website.

The above is the detailed content of How to add a link to an image in html? How to click text to jump to a link in html. For more information, please follow other related articles on the PHP Chinese website!