Чтобы вставить картинку на сайт правильно, ее нужно обозначить тегами (или взять в теги). Для этого используется тег <img>. Его название происходит от английского image и обозначает – изображение. Оригинальное название картинки используется в качестве параметра для этого тега, т.к. компьютер должен понимать, какую картинку или фотографию нужно поместить на странице сайта.

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



<img src="Название картинки.jpg">





Чтобы было понятно, о чем идет речь, снова обратимся к английскому словарю: src – это сокращенно от слова source, в переводе - ресурс, источник. Другими словами аббревиатуру «img src» можно перевести как «изображение источник/название файла».

Чтобы вставить картинку на сайт правильно, и она отображалась в нужном ракурсе, необходимо для картинки указать ее размеры. Используем для этого параметры width (ширина картинки) и height (высота картинки), а размеры картинки указываются в пикселях.

Тогда код для вставки будет иметь следующий вид:



<img src="Название картинки.jpg" width="192" height="124" >





Чтобы при наведении курсора на картинку дополнительно отображался какой-либо текст, например, «Фотография места будущего строительства», нужно задействовать параметр – alt, а сама строка будет иметь следующий вид:



<img src="Название картинки.jpg" width="192" height="124" alt="Фотография места будущего строительства" >





Эта функция может быть полезна, когда для экономии трафика выключена функция отображения графики в интернет-браузере. В таком случае при открытии сайта вместо картинки будет отображаться введенный текст — Фотография места будущего строительства. Если пользователю захочется посмотреть это изображение, то он вынужден будет активировать (разрешить) отображение графики в своем браузере для вашего сайта.