Как вставить изображение? Урок HTML.
Использование изображения сайте способны значительно приукрасить внешний вид страниц. Да и спам рассылка с картинками тоже будет выглядеть более презентабельно. Изображения используются как для меню сайта, как для фона всего сайта, так и для оформления отдельных элементов страницы.
Для того чтобы вставить изображения в HTML страницу необходимо использовать тег «img». В тегах, с помощью определенных атрибутов указывается путь к месторасположению изображения, для этого используется атрибут «src», также для создания описания для изображения, для этого используется атрибут «alt». Для вставки, изображение не обязательно должно быть размещено на сайте, изображение может быть на любом другом сайте. Для вставки изображения с вашего сайта, если оно размещено в корне сайта, можно указывать относительный путь к изображению.
Если изображение находится в подпапке, например, в папке «image» путь к изображению будет таким: image/Название изображения.расширение.
Если изображение находится на другом веб-сайте в пути к изображению необходимо использовать абсолютный путь: << img src="Адрес сайта/Название изображения.расширение" alt="Описание для изображения" >>. Данный способ можно хорошо использовать, когда массовая рассылка готовится к запуску.
При ставки изображения на сайт используют 3 основных типа файлов изображений: gif, jpg и png.
Не редко появляется необходимость сделать из изображения ссылку, например, при создании меню с использованием изображений. Для этого при создании ссылки вместо текста ссылки необходимо использовать код для вставки изображения, к примеру, << a href="Адрес сайта" >< img src="image/logotip.gif" >><< /a >>.
Для изменения размера вставленного изображения используются атрибуты для указания высоты и ширины. Например, нам необходимо вставить изображение << test.gif >> с размерами высота 100, ширина 150: << img src="test.gif " width="150" height="100" >>. Если не использовать указание размера, то изображение будет вставлено реального размера.
Copyright © FastRekalama.ru.
Копирование только с активной ссылкой на источник!
|
