reading-notes-201d25


Project maintained by Mahmoud-Khader Hosted on GitHub Pages — Theme by mattgraham

Read11

HTML Images Syntax

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:

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.

  1. Page Title
  2. URL / Web Address
  3. Headings
  4. Text
  5. Link Text
  6. Image Alt Text
  7. Page Descriptions

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)