Вставка изображений в документ HTML

Для того, чтобы сайт после его создания не превратился в кучу текста, пусть интересного и хорошо оформленного, на страницах обязательно должны присутствовать изображения. Однако просто так их не добавить в документ, помните, что сайт будет находится не на домашнем компьютере, а на удаленном сервере. Поэтому для начала нужно создать специальную папку,  на хостинге в которую мы в дальнейшем будем помещать изображения и ссылаться на них. Назвать ее можно как угодно, главное, чтобы в названии не было пробелов и русских букв. После того, как папка создана, можно смело туда загружать изображения. Предположим вы создали папку img и загрузили в нее картинку 1.jpg, то есть общий путь к изображению получится: img/1.jpg  Итак, подготовительные работы выполнены, теперь давайте разберемся, как вставить в HTML документ изображение. За это отвечает специальный тег <img>  у него нет традиционного закрывающего тега. Он одиночный. Для того, чтобы все корректно работало нужно прописать ему атрибуты, а именно указать путь к картинке а так же ее геометрические размеры (высота и ширина) в пикселях в этом случае запись тега будет выглядеть так: <img src=”img/1.jpg” width=”100” height=”100”>

Назад к каталогу статей