5.0 0.5 5 44

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

Ирина Фатеева
Ирина Фатеева
5 февраля 2013
237
Оцените:
Как вставить картинку на сайт?

Многие системы управления содержимым сайта имеют специальный интерфейс вставки картинок в конкретную статью. Но удобный интерфейс есть не всегда. Или некоторые компоненты могут быть отключены администратором сайта, в частности - загрузка файлов. Тогда возникает проблема - как вставить картинку на сайт?  Зачастую подобная вещь решается ручной вставкой картинок на сайт.

Использование html-тегов.

Язык html (HyperText Markup Language) – язык разметки веб-страниц в Интернете. Html представляет собой набор специальных тегов, позволяющих осуществить расстановку элементов на странице и осуществить общую стилизацию элементов. Например, задать фон, цвет фона, размер шрифта, вертикальное/горизонтальное выравнивание и т.д.

Для решения нашей проблемы, нам нужен тег img. Для того чтобы вставить картинку в нужное место, надо, выделив данное место курсором мыши, вставить туда конструкцию вида <img src="АДРЕС_ССЫЛКИ" />. Фигурные скобки означают начало и конец тега. "src" означает источник картинки (source). Вместо АДРЕС_ССЫЛКИ нужно подставить адрес картинки. Адрес может быть как полный, так и относительный. Полный означает, что исчисление идет от корневого объекта. А относительный, идет от какой-то текущей папки. Например, для Windows XP абсолютный и относительный будут: “C:\TestDir\NewDir\1.jpg” и “\NewDir\1.jpg” для текущей папки TestDir.

Для того чтобы вставить картинку в шапку сайта, надо найти верхнюю часть, которая часто имеет в своем названии слово “header”.  Далее надо найти тег img, в котором следует изменить атрибут src. После, надо обязательно протестировать  решение, обновив веб-страницу.

Использование сторонних сервисов

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

Подписывайтесь на наши группы в социальных сетях - смешные статьи, картинки и факты!