Чтобы вставить картинку на сайт правильно, ее нужно обозначить тегами (или взять в теги). Для этого используется тег <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="Фотография места будущего строительства" >
Эта функция может быть полезна, когда для экономии трафика выключена функция отображения графики в интернет-браузере. В таком случае при открытии сайта вместо картинки будет отображаться введенный текст — Фотография места будущего строительства. Если пользователю захочется посмотреть это изображение, то он вынужден будет активировать (разрешить) отображение графики в своем браузере для вашего сайта.