Inserting images in html - img tag

<img> - Void Element
src="" - path to image Absolute URL or Relative URL
alt=""

Optional Attributes of <img>
width=300, height=200, uses pixels
title - provides tooltip on hover

Problem: you want to serve cropped images for different layouts —
Solution: Art Direction

Problem:

use smaller image files to narrow-screen devices, as they don't need huge images like desktop displays do
use different resolution images to high density/low density screens.
Solution is either:
use .svg file
or Resolution Switching