Как разместить фото на сайте?

Как разместить фото на сайте?

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

Как разместить фото на сайте?

Не смотря на то, что скорость интернета в нашей стране достаточно высокая, особенно в сравнении с телефонным ADSL интернетом прошлого десятилетия, открытие страницы занимает определенное время и чем сайт тяжелее, тем дольше он открывается.

При выборе загружаемой картинки, подумайте так ли она нужна на Вашем сайте, если да, то вот способ, как загрузить ее на сайт.

Основным тегом добавления изображений является тег: <img src=»…»>  где <img> это тег, обозначающий картинку, сокращение от «image», а атрибут «src» означает адрес, где вы разместили фото на сайте, может быть URL адресом  по которому изображение расположено в сети или директорией, в виде пути к файлу. Тег располагается в коде в том месте, куда Вы его вставите, например между абзацами текста.

Для тега <img> атрибут «src» является обязательным, так как уточняет, какая именно картинка должна быть в этом месте. Помимо данного атрибута, существует еще множество атрибутов, которых насчитывается около 50, но большинство из которых уже устарели, так как благодаря CSS, JavaScript, JQUERY и прочим вспомогательным ресурсам в создании и управлении  сайтами, можно расположить картинку и материал относительно нее (ближайший текст), как угодно.

А так основные атрибуты тега <img> можно классифицировать как:

  1. Обязательные, такие как «src», указывающий расположение файла и «alt» для задания альтернативного текста, появляющегося при наведении курсора мыши на картинку;
  2. Необязательные (Полезные), такие как «align» с указанием стороны расположения изображения и ближайших, к нему, материалов и прочие позиционные атрибуты, а так же скриптовые или событийные атрибуты, которые выполняют определенное событие при определенных действиях пользователя.

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

После вставки в коде тега с уточнением расположения изображения, сохраните код и обновите страницу.

Нет комментариев

Ответить