|
Изображения -
это неотъемлемая часть любого сайта. Они используются везде, поэтому
необходимо разобраться, что к чему.
Есть три типа
файлов изображений, которые можно вставить на ваши страницы:
GIF
(Graphics Interchange Format)
JPG / JPEG (Joint
Photographic Experts Group)
PNG
(Portable Network Graphics)
GIF - использует
всего 256 цветов и соответственно лучше подходит для рисунков с малым
кол-вом оттенков, этот формат поддерживает прозрачность изображений.
JPEG - формат
изображений, который использует до миллиона цветов, обычно используется для
фотографий и качественной графики(с огромным количеством оттенков).
PNG -по многим
параметрам превосходит JPEG и GIF: миллионы цветов и эффективное сжатие,
поддерживает прозрачность.
В каком формате
брать изображения - дело Ваше, однако старайтесь добиться максимального
качества при минимальном размере.
Пример
вставки рисунка, если он лежит в той же папке что и страница.
<img src="images.jpg">
Пример
вставки рисунка, если он лежит в папке
"images" (как в случае с сайтом -
http://webuchebniki.narod.ru).
<img src="images /images.jpg">
нажмите чтобы увидеть результат
Что нам
понадобилось: элемент IMG не имеющий
закрывающего тега и атрибут SRC (сокращение от source - положение)
который указывает где находится изображение.
Вы легко можете
вставлять изображения, размещенные в других папках или на других сайтах.
Просто укажите правильный путь (примерно так, как при создании ссылок).
Вот еще
несколько примеров с комментариями:
<!-- если бы
изображение находилось в папке
ТТТ
-->
<img src="ТТТ/
images.jpg">
<!--если б находилось
на сайте
www.webuchebniki.narod.ru
-->
<img src="http://www.webuchebniki.narod.ru/
images.jpg">
<!--если б находилось
на сайте
www.webuchebniki.narod.ru
в папке
QQQ
-->
<img src="http://www.webuchebniki.narod.ru/
QQQ.jpg">
|
