Как поместить картинку?

2 ноября 2014 г. Просмотров: 376 Инструкции
Картинки, как и все остальные элементы веб-страницы, отображаются браузером в соответствии с подробными инструкциями, которые ему присылает сервер. Эти инструкции написаны на языке HTML (HyperText Markup Language – «язык разметки гипертекста») и состоят из «тегов». Теги описывают тип всех элементов веб-страницы, их расположение и внешний вид.
Создать сайт самостоятельно с Wix.com

Инструкция

  • Сначала вам нужно загрузить файл изображения на сервер.
    Сделать это можно по ФТП-протоколу (File Transfer Protocol – «протокол передачи файлов») через специальную программу. Называют эти программы ФТП-клиентами - например, Cute FTP, WS FTP, FlashFXP и другие. Но можно загружать через файл-менеджер, который должен быть в панели управления хостинга на котором размещен ваш сайт. Файл-менеджер позволяет закачивать файлы через браузер.
  • После этого нужно поместить соответствующий тег в html-код нужной страницы. То есть, вам следует найти эту страницу и открыть ее исходный код для редактирования. Если у вас есть файл страницы, то открыть его можно простым текстовым редактором - например, стандартным Блокнотом. А если для управления сайтом вы используете какую либо систему, то в панели администрирования этой системы найдите редактор страниц и откройте в нем нужную страницу. После этого останется вставить тег изображения в нужное вам место на странице и сохранить изменения.
  • Подробнее о самом теге - в самом простом варианте выглядеть он может так:Тег содержит разную дополнительную информацию – «атрибуты». Обязательным для тега изображения является всего один атрибут - src. Он указывает браузеру адрес, по которому он должен взять файл, содержащий карnинку. Если этот файл лежит на сервере в этой же папке (или вложенной в нее), что и сама страница, то достаточно указать только его имя или путь к вложенной папке. Такие адреса называются «относительными». А абсолютный адрес может выглядеть так:
  • --Другой атрибут - alt - содержит текст, который появляется во всплывающей подсказке при наведении мыши:Точно это же самое делает и другой атрибуты - title:--Два атрибута - width и height - задают размер прямоугольника, в котором браузер будет отображать изображение:Эти атрибуты не обязательны, но если что-то пойдет не так и картинка не сможет загрузиться, то все остальные элементы страницы могут оказаться не на своих местах, так как браузер не узнает размеров, которые должна была занимать картинка. Размеры указываются в «пикселах» - это основная единица измерения, используемая при разметке страниц.--Атрибут border задает ширину рамки вокруг изображения (в пикселах):Если картинку сделать ссылкой, то по умолчанию браузер нарисует вокруг нее синюю рамку. Чтобы избавиться от нее надо в ноль значение border:--Два атрибута задают отступ картинки от соседних элементов (например от строк текста) - hspace задает отступ по горизонтали (слева и справа), vspace - по вертикали (снизу и сверху):--Это наиболее употребительные атрибуты, а всего их для этого тега более 50!

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