In this video we learn how to insert an image into a web page by hand, using HTML code. We also learn how and why to use the “alt” attribute, and how to organize images into sub-folders.
Quick Code Reference
<img src="image-name.jpg" alt="Short description of image" />
Notice there is no </img> end tag. This is because the <img> element is a Self Closing Element. Unlike a paragraph, we won’t have a plethora of content inside our <img> element, but rather a single image. The /> at the end of the code tells the web browser to end the image element.
For a full written tutorial, see How to Insert an Image in HTML.
If you would rather learn from a single, unified video course instead of individual one-off video tutorials check out my 8 hour video course and learn pro-level HTML, CSS, and responsive design.