Как вставить картинку на сайт?

2 ноября 2014 г. Просмотров: 367 Инструкции
Чтобы поместить картинку на сайте, для начала нужно поместить ее в ту же папку, где находится страничка сайта - page.html. Картинка обязательно должна быть в формате jpg, поскольку другие форматы на сайте могут не отражаться. Создать сайт самостоятельно с Wix.com

Чтобы вставить картинку на сайт правильно, ее нужно обозначить тегами (или взять в теги). Для этого используется тег . Его название происходит от английского image и обозначает - изображение.

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

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

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

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

Оцените статью!