How To Insert A Link To A Picture In Html

Table of contents:

How To Insert A Link To A Picture In Html
How To Insert A Link To A Picture In Html

Video: How To Insert A Link To A Picture In Html

Video: How To Insert A Link To A Picture In Html
Video: HTML Tutorial 36 - HTML image as hyper link | HTML Hyper Image 2024, December
Anonim

Posts in a blog or on another resource may contain not only information about a specific issue, but also direct links to a source of information or another resource. In particular, the HTML editor allows you to format links to graphic files.

How to insert a link to a picture in html
How to insert a link to a picture in html

It is necessary

Access to the Internet

Instructions

Step 1

The easiest way to design a link, including a link to a picture, consists of the following tags: explanatory text. Give a link to the graphic file itself as the page address, for example: https://www.site.com/mypicure.jpg. In the explanatory text, you can indicate the name of the file or other information. When viewing the finished message, only it will be visible, the picture will open when you click with the cursor.

Step 2

The picture can be a link to itself or another graphic file. For such a case, insert the following tags:. Page address - the address that will open when you click the mouse; Image URL - the URL of the image you want to click on. Explanatory text pops up on hover. The link with the specified design will open in a new window.

Step 3

However, these tweaks are optional if you just want to post a picture in your post. The main thing is to know its address on the network. Insert tags:. The URL of the picture should look something like this:

Step 4

Additional parameters allow you to adjust the size of the displayed image. To do this, use the tags width = and height =. It is not necessary to use both, if you specify one of them, the second parameter will change proportionally. After the tag, put the desired height or width of the image in pixels. The result might look like this:

Recommended: