Use the image tag:
After src=, you add the link to the image, wrapped with quotation marks of course. “Link”.
Remember that the image tag is one of those HTML elements that are self-closing, so you don’t need a separate closing tag. You can also use the width and height attributes to control what size the image will display. For example, in the image I used above, if you wanted to let it display as 640px in width by 480px in height, you would do the following:
alt=“Forest picture.” width=“640” height=“480”>
The width and height attributes defines the image using pixels by default, so you don’t need to write “640px”. It’s a good idea to set a width and height to any image you use on your website, otherwise the image may flicker when the page loads.
In HTML5, though, it’s recommended that you use the “style” attribute when setting a width and height for the image. So, instead of the above, you will use:
alt=“Forest picture.” style=“width:640px;height:480px”>
As you may have noticed, when using the “style” attribute, you now have to add the “px”. A benefit of using the style attribute is that it prevents the style sheets from changing the size of the image.