Вставка картинки в HMTL

Практически каждый пользователь компьютера и других электронных устройств, знает, что все графические данные обозначаются тегом «IMG», однако стоит помнить, что каждая картинка занимает определенное количество информационного объема, поэтому, чем больше изображений будет на сайте, тем дольше будет загружаться сама страница при её открытии. вставка картинки в основу сайта предусматривает чувство меры, учитывая главное назначение страницы. Кроме того, HTML-картинки можно использовать в качестве фона для веб-страницы.

Каждый тег, хотя мы этого не видим, имеет свой определенный код, который помогает браузеру найти запрашиваемое изображение. Например, тег IMG обязательно идет с атрибутом SRC, и будет выглядеть так - < img src= “logo.jpg”>. Если же картинка расположена в какой-нибудь папке на компьютере, при вставке её на сайт, необходимо указать путь, где ее найти. Также есть еще несколько атрибутов, которые важно учитывать – это ширина и высота картинки, измеряемые в пикселях. Именно от этого объема зависит, сколько памяти будет занимать изображение на сайте при загрузке. Это необходимо, чтобы браузер, открывая страницу, сначала сделал определенный макет сайта и только потом начал загрузку графического изображения. Картинка будет помещена в специальный прямоугольник, сжимая ее формат до нужных размеров. Если же загрузить картинку не удастся, браузер покажет текст с кодом

При вставке картинок на сайт, для большей компактности и эстетической стороны страницы, важно сделать так, чтобы текст плавно обтекал картинку, а не прерывался. Для этого также есть несколько стандартных атрибутов – left и right, определяющие с какой стороны текста будет размещена графика. На различных сервисах, картинка или аватар, будет расположена в левом верхнем углу страницы, если же это обычный веб-сайт с информацией, то размещать изображение можно по своему усмотрению, и где она будет, там и покажет браузер. Стандартно, текст, вплотную прилегает к картинке при вставке, поэтому чтобы создать отступы, используйте атрибуты vspace или hspase, горизонтальные и вертикальные отступы соответственно.