Summary  
This chapter explains how to insert and configure images in HTML using the `<img>` tag and its attributes—`src`, `alt`, `width`, `height`, and `title`—to control image source, accessibility text, dimensions, and tooltips.

General domain of usage  
Web development

Images improve the visual appeal of a webpage and help communicate information. In HTML, images are added using the `<img>` tag.

## Inserting Images
The `<img>` tag is self-closing and requires at least two attributes:
- `src`: the image file location;
- `alt`: alternative text for accessibility or when the image fails to load.
```html
<img src="image.jpg" alt="Description of the image">
```




## Image Attributes
- `src`: path or URL of the image (required);
- `alt`: fallback text and accessibility description;
- `width`: sets the image width;
- `height`: sets the image height;
- `title`: shows a tooltip on hover.


PCFET0NUWVBFIGh0bWw+CjxodG1sPgogIDxoZWFkPgogICAgPHRpdGxlPkltYWdlczwvdGl0bGU+CiAgICA8bWV0YSBjaGFyc2V0PSJVVEYtOCIgLz4KICA8L2hlYWQ+CiAgPGJvZHk+CiAgICA8aW1nCiAgICAgIHNyYz0iaHR0cHM6Ly9jb2RlZmluaXR5LWNvbnRlbnQtbWVkaWEtdjIuczMuZXUtd2VzdC0xLmFtYXpvbmF3cy5jb20vY291cnNlcy8zOTJmMjRhYy0wMTI2LTRjMzQtYTI4YS1mMmYyNmQxMjE5NmIvc2VjdGlvbi0zL3N0YXJ0dXAucG5nIgogICAgICBhbHQ9IlRoZSByb2NrZXQgaXMgZ2FpbmluZyBhbHRpdHVkZSIKICAgICAgd2lkdGg9IjEyOCIKICAgICAgaGVpZ2h0PSIxMjgiCiAgICAgIHRpdGxlPSJSb2NrZXQgcHJlc2VydmluZyBzdGFydHVwIGxhdW5jaCIKICAgIC8+CiAgPC9ib2R5Pgo8L2h0bWw+

- The `<img>` tag inserts an image onto a web page;
- The `src` attribute specifies the source URL of the image file;
- The `alt` attribute sets the alternative text for the image;
- The `width` attribute sets the image width;
- The `height` attribute sets the image height;
- The `title` attribute provides further information about the image.

What tag is used to insert images into an HTML document?

Which attribute is required for the `<img>` tag to display the image?

What does the `alt` attribute provide for an image?

What happens if the image specified in the `src` attribute cannot be loaded?

Build structured web pages using HTML elements and semantic layout. Work with text, links, images, tables, and forms to create real content. Learn how to organize and structure complete web pages from scratch.

Working with Images in HTML

Inserting Images

Image Attributes

1. What tag is used to insert images into an HTML document?

2. Which attribute is required for the `<img>` tag to display the image?

3. What does the `alt` attribute provide for an image?

4. What happens if the image specified in the `src` attribute cannot be loaded?