The HTML < img > tag is used to embed an image in a web page.
Images are not technically inserted into a web page; images are linked to web pages. The < img > tag creates a holding space for the referenced image.
The < img > tag is empty, it contains attributes only, and does not have a closing tag

The < img > tag has two required attributes:
src - Specifies the path to the image
alt - Specifies an alternate text for the image The first, optional parameter of the image() notation is the directionality of the image. If included, and the image is used on an element with opposite directionality, the image will be flipped horizontally in horizontal writing modes. If the directionality is omitted, the image won’t be flipped if the language direction is changed.
One key difference between url() and image() is the ability to add a media fragment identifier — a starting point along the x and y axis, along with a width and height — onto the image source to display only a section of the source image.
The section of the image defined in the parameter becomes a standalone image
To reduce the number of images your browser has to load, you can create image sprites. In every page of your website there are seven key places where keywords (the words people might search on to find your site) can appear in order to improve its findability.
As soon as people start coming to your site, you can start analyzing how they found it, what they were looking at and at what point they are leaving. One of the best tools for doing this is a free service offered by Google called Google

Many companies provide platforms for blogging, email newsletters, e-commerce and other popular website tools (to save you writing them from scratch)