Чтобы разместить на странице изображение, необходимо воспользоваться HTML тегом <img> . У этого тега есть обязательный атрибут src=»https://www.mousedc.ru/learning/10-izobrazhenie-img-html/…». В значение этого атрибута вставляется ссылка на файл изображения.
Как в случае с тегом <a> ссылку на файл можно задать как относительную, так и абсолютную. Читайте больше о теге <a> в статье «Ссылки».
Пример HTML кода для вставки изображения:
<img src="https://www.mousedc.ru/files/pic.jpg">У этого тега есть и другие атрибуты. К примеру:
- width=»https://www.mousedc.ru/learning/10-izobrazhenie-img-html/…» — задаёт ширину изображения в пикселях (width=»350px») или процентах от области, куда вставлено изображение (width=»45%»).
- height=»https://www.mousedc.ru/learning/10-izobrazhenie-img-html/…» — задаёт высоту изображения в пикселях.
- alt=»https://www.mousedc.ru/learning/10-izobrazhenie-img-html/…» — выводит текст вместо картинки, если картинка не загрузилась.
Атрибут alt=»https://www.mousedc.ru/learning/10-izobrazhenie-img-html/…» крайне важен для продвижения сайта в поисковых сетях. Читайте об этом подробнее в разделе SEO оптимизации сайтов.
