HTML Images

Images can improve the design and the appearance of a web page.

---

Example

<img src="pic_trulli.jpg" alt="Italian Trulli">
<img src="img_chania.jpg" alt="Flowers in Chania">

HTML Images Syntax

In HTML, images are defined with the <img> tag.
The <img> tag is empty, it contains attributes only, and does not have a closing tag.
The src attribute specifies the URL (web address) of the image:

<img src="url">

---

The alt Attribute

The alt attribute provides an alternate text for an image, if the user for some reason cannot view it (because of slow connection, an error in the src attribute, or if the user uses a screen reader).
The value of the alt attribute should describe the image:

Example

<img src="img_chania.jpg" alt="Flowers in Chania">