How To Embed A Picture On A Website Using Html

Table of contents:

How To Embed A Picture On A Website Using Html
How To Embed A Picture On A Website Using Html

Video: How To Embed A Picture On A Website Using Html

Video: How To Embed A Picture On A Website Using Html
Video: How to Add Images using HTML into a Webpage | Lesson 05 | HTML 2024, May
Anonim

Articles on the Internet seem dry and incomplete if the text is not diluted with additional media. The simplest and most accessible decoration of a blog post or website is a picture-illustration. It can be published using special tags.

How to embed a picture on a website using html
How to embed a picture on a website using html

It is necessary

  • - access to the Internet;
  • - picture.

Instructions

Step 1

It is believed that direct publishing of images stored on a computer is possible. This is an error: if your computer is not a 24/7 server, the picture will not be displayed in the message.

Step 2

Upload the picture to a special storage, like Yandex.fotka or Ipicture.ru. It is important that the file is viewable and always online. Open the image on the target site page and copy the URL from the corresponding line.

Step 3

Start composing your message in HTML mode. Insert the following tags:. In place of the pass, paste the copied address of the graphic file.

Step 4

Check for correct insertion in preview mode. The file should be displayed in the window at its original size. If there is no picture, check the accuracy of the entered address.

Step 5

If you have uploaded a large image and want to display it to scale, adjust the tags. After the closing quotation mark, insert a width = or height = tag, and after that the desired size in pixels. For instance:. In this case, you will get a vertically oriented picture with a height of 800 pixels.

Step 6

When styling with the following tags, the size is not adjusted, but a frame appears around the picture:. The frame color is red, the thickness is 5 pixels. Change the appropriate options to match the colors and sizes you want.

Recommended: