Инструкция
1
Сначала вам нужно загрузить файл изображения на сервер. Сделать это можно по ФТП-протоколу (File Transfer Protocol – «протокол передачи файлов») через специальную программу. Называют эти программы ФТП-клиентами - например, Cute FTP, WS FTP, FlashFXP и другие. Но можно загружать через файл-менеджер, который должен быть в панели управления хостинга на котором размещен ваш сайт. Файл-менеджер позволяет закачивать файлы через браузер.
2
После этого нужно поместить соответствующий тег в html-код нужной страницы. То есть, вам следует найти эту страницу и открыть ее исходный код для редактирования. Если у вас есть файл страницы, то открыть его можно простым текстовым редактором - например, стандартным Блокнотом. А если для управления сайтом вы используете какую либо систему, то в панели администрирования этой системы найдите редактор страниц и откройте в нем нужную страницу. После этого останется вставить тег изображения в нужное вам место на странице и сохранить изменения.
3
Подробнее о самом теге - в самом простом варианте выглядеть он может так:<img src="image.gif">Тег содержит разную дополнительную информацию – «атрибуты». Обязательным для тега изображения является всего один атрибут - src. Он указывает браузеру адрес, по которому он должен взять файл, содержащий карnинку. Если этот файл лежит на сервере в этой же папке (или вложенной в нее), что и сама страница, то достаточно указать только его имя или путь к вложенной папке. Такие адреса называются «относительными». А абсолютный адрес может выглядеть так:
<img src="http://site.ru/image.gif">--Другой атрибут - alt - содержит текст, который появляется во всплывающей подсказке при наведении мыши:<img src="image.gif" alt="Текст о картинке">Точно это же самое делает и другой атрибуты - title:<img src="image.gif" title="Текст о картинке">--Два атрибута - width и height - задают размер прямоугольника, в котором браузер будет отображать изображение:<img src="image.gif" width="100" height="200">Эти атрибуты не обязательны, но если что-то пойдет не так и картинка не сможет загрузиться, то все остальные элементы страницы могут оказаться не на своих местах, так как браузер не узнает размеров, которые должна была занимать картинка. Размеры указываются в «пикселах» - это основная единица измерения, используемая при разметке страниц.--Атрибут border задает ширину рамки вокруг изображения (в пикселах):<img src="image.gif" border="4">Если картинку сделать ссылкой, то по умолчанию браузер нарисует вокруг нее синюю рамку. Чтобы избавиться от нее надо в ноль значение border:<a href="http://site.ru"><img src="image.gif" border="0"></a>--Два атрибута задают отступ картинки от соседних элементов (например от строк текста) - hspace задает отступ по горизонтали (слева и справа), vspace - по вертикали (снизу и сверху):<img src="image.gif" hspace="5" vspace="6">--Это наиболее употребительные атрибуты, а всего их для этого тега более 50!
<img src="http://site.ru/image.gif">--Другой атрибут - alt - содержит текст, который появляется во всплывающей подсказке при наведении мыши:<img src="image.gif" alt="Текст о картинке">Точно это же самое делает и другой атрибуты - title:<img src="image.gif" title="Текст о картинке">--Два атрибута - width и height - задают размер прямоугольника, в котором браузер будет отображать изображение:<img src="image.gif" width="100" height="200">Эти атрибуты не обязательны, но если что-то пойдет не так и картинка не сможет загрузиться, то все остальные элементы страницы могут оказаться не на своих местах, так как браузер не узнает размеров, которые должна была занимать картинка. Размеры указываются в «пикселах» - это основная единица измерения, используемая при разметке страниц.--Атрибут border задает ширину рамки вокруг изображения (в пикселах):<img src="image.gif" border="4">Если картинку сделать ссылкой, то по умолчанию браузер нарисует вокруг нее синюю рамку. Чтобы избавиться от нее надо в ноль значение border:<a href="http://site.ru"><img src="image.gif" border="0"></a>--Два атрибута задают отступ картинки от соседних элементов (например от строк текста) - hspace задает отступ по горизонтали (слева и справа), vspace - по вертикали (снизу и сверху):<img src="image.gif" hspace="5" vspace="6">--Это наиболее употребительные атрибуты, а всего их для этого тега более 50!