How To Put A Picture In HTML

Table of contents:

How To Put A Picture In HTML
How To Put A Picture In HTML

Video: How To Put A Picture In HTML

Video: How To Put A Picture In HTML
Video: How to Insert an Image in a Webpage (HTML / XHTML) 2024, November
Anonim

Text on a web page is much more readable when illustrated. HTML reserves the img tag for this purpose. Using it in combination with other tags, you can make a picture an active link, including a larger version of the same image.

How to put a picture in HTML
How to put a picture in HTML

Instructions

Step 1

If the image file and the HTML file are located in the same folder, use the following HTML code to insert the image: where imagename.jpg

Step 2

If the file with the image is located on the same server, but in a different folder, change this construction as follows: where /folder/anotherfolder/imagename.jpg

Step 3

It is necessary to place images stored on other servers with caution - protection against leaching may be enabled there, and then instead of the desired image, the visitor of your page will see a warning about such protection. If there is no such protection, and the owner of the third-party server does not object to inserting the images stored there on other people's pages, use the following code snippet: where https://server.domain/folder/anotherfolder/imagename.jpg

Step 4

For the image to be at the same time a link to another page, use the following code:, where linktext is the link address (local or global).

Step 5

Finally, so that when the user clicks on the image the user will be able to see its enlarged copy, change the previous fragment as follows: located in the same server folder.

Recommended: