Image!!
We use <img> tag and 4 attributes src(source), alt, width and height.
<img src="image.jpg" alt="black dog" width="400" height="300">
"alt"is for those who can't see the screen. For them, we explain what the image is about."Width"&"Height"is for browser. We cannot control the size with these attributes, but they help the browser know how large the image is.
We need to include all these 4 attributes when putting images on a website.
Types of images
GIF=256 colors,SVG=for logos or icons,JPG=good compression,PNG=Newest form of photos.Good compression and image that can be transparent.
Responsive Images
↓Image of Mina using a Sourceset code, which does not work well...↓
↓Image of Mina using a Picture tag, different pictures will be shown for different screen size↓
↓Image of Mt.Rainier with caption below it↓