Уроки HTML | Тег img - рисунок, картинка, изображение

Достаточно распространенный тег img необходим для добавления на странницу рисунок, картинка, изображение. Без него представить современный интернет было бы очень сложно.

Представьте как уныло и строго будут выглядеть страницы если на них не будет картинок. Тег img имеет один обязательный атрибут src- он означает source -источник, путь к вашему изображению и имя файла.

Уроки HTML

Тег img - рисунок, картинка, изображение

Урок 7

Например

<img src="https://maxfad.ru/images/foto0001.jpg" />

Еще один атрибут для этого тега это alt

<img src="https://maxfad.ru/images/foto0001.jpg"
 alt="Название вашего фото" />

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

Tак же часто, в тег img помещают значения размеров изображения width- ширина и height - высота, можно добавить тег title-заголовок

<img src="https://maxfad.ru/images/foto0001.jpg"
 alt="Название вашего фото" 
 width="200" height="150"
 title="Фото-мото" />

С уважением, авторы сайта Компьютерапия

Понравилась статья? Поделитесь ею с друзьями и напишите отзыв в комментариях!