Пример вставки изображений на веб-страницу с атрибутами alt и title

<img src="images/mini1.png" alt="Альтернативный текст" title="title изображения">


У элемента img, который позволяет вставлять на веб-страницы изображения, есть 2 важных атрибута, которые мы сейчас с вами разберем. Это атрибут alt и атрибут title. 

Атрибут alt позволяет указать тот альтернативный текст, который должен отображаться у нас в том случае, если что-то произошло с изображением и оно перестало отображаться. Такая ситуация может произойти например тогда, когда поменялась ссылка на это изображение, либо это изображение просто каким-то образом не получилось отобразить, например в браузере отключены картинки. Этот альтернативный текст будет показан вместо картинки. 

Атрибут title - это тот текст, который будет показан на изображении, когда на него наводится курсор мыши. Это что-то вроде подсказки, которая появляется над изображением, когда на нее навели курсор мыши. Таким образом можно дать некое пояснение для изображения.

Если вы хотите, чтобы ваши изображения продвигались в поисковых системах, таких как Яндекс или Google, то желательно, конечно, эти атрибуты alt и title для ваших изображений на веб-странице заполнять.

Ну, а в целом, эти атрибуты не являются обязательными и вы можете вполне обходиться без них.