1. HTML
Images

2. Where to get Images
Images are under copywrite from the author, we need to either use free images or purchase the right to use them.
Places to Get Images:
For our website you can go to Google Images, just make sure to leave the watermark on the images.

3. Saving Your Image
Once you have an image that you like, make sure to save it to the same directory where your html files are located.

4. Adding The Image to your HTML
Images are put inside <img> tags
<img> is a self enclosing tag, this means there is no </img>
All the information about the image is stored inside the <img> tag as attributes.

5. The src Attribute <img src=“cookie.jpg”> src stands for source.
It contains the path to the file, or just the file name.
Now we have:
<img src=“cookie.jpg”>
File Name
File Extension

6. And your Image Appears

7. The alternate text Attribute
The alt attribute describes the picture, e.g.
The alt attribute will not appear in your document, but is important for accessibility. Screen readers for the visually impaired will read the alt attribute so the user knows what the picture is of.
Do not leave this attribute out even if the picture is not important, the user needs to know why it exists.
<img src=“cookie.jpg” alt=“cookie”>