GIF (Graphics Interchange Format) - использует всего 256 цветов и соответственно лучше подходит для рисунков с малым кол-вом оттенков. Этот формат поддерживает прозрачность изображений.
JPG / JPEG (Joint Photographic Experts Group) - формат изображений, который использует до миллиона цветов. Обычно используется для фотографий и качественной графики(с огромным количеством оттенков).
PNG (Portable Network Graphics) - сравнительно новый формат . По многим параметрам превосходит JPEG и GIF: миллионы цветов и эффективное сжатие. Также поддерживает прозрачность.
Вставить изображение на страницу очень просто. Вот пример если оно лежит в той же папке что и страница.
Пример:
<img src="risunok.jpg">
Что нам понадобилось: элемент IMG не имеющий закрывающего тега и атрибут SRC (сокращение от source - положение) который указывает где находится изображение. Вы легко можете вставлять изображения, размещенные в других папках или на других сайтах. Просто укажите правильный путь (примерно так как при созданиии ссылок).
Вот еще очень необходимые атрибуты:
ALIGN - определяет способ выравнивания картинки по горизонтали. Очень полезное свойство при обтекании картинки текстом. Обычно используют LEFT (выравнивание по левому краю, текст будет обтекать справа) и RIGHT (выравнивание по правому краю, текст обтекает слева) .Если на странице есть текст, то это обязательное свойство.
HSPACE и VSPACE - отступы в пикселях по горизонтали и по вертикали от картинки до других обьектов документа. Легко запомнить название если взять и просто перевести с английского. HSPACE - Horizontal Space - горизонтальный отступ и VSPACE - Vertical Space - вертикальный отступ.
HEIGHT и WIDTH - высота и ширина изображения в пикселах. Золотое правило web-мастера – всегда явно задавать размеры картинки в атрибутах HEIGHT и WIDTH, резервируя тем самым место в окне браузера еще до загрузки изображения. В противном случае документ при загрузке каждой картинки будет заново перерисовываться. А на медленных машинах (или при подключении к сети через модем) это смотрится просто отвратительно. Но в принципе, можно и не задавать размеры, просто будет дольше загружаться. И еще, не советую Вам искажать реальные размеры картинки.
ALT - определяет текст, отображаемый браузером на месте изображения, если браузер не может найти файл с изображением или включен в текстовый режим. В качестве значения задается текст с описанием изображения.
TITLE - Определяет заголовок картинки, т.е. при наведении на картинку высветится надпись с текстом из атрибута title.
Пример:
<p align="justify"><img src="risunok.jpg" alt="Доллар" width="180" height="152" hspace="15" vspace="15" align="left" title="Доллар">Любой Интернет бизнес немыслим без сайта. Так что первым делом не мешало бы научиться создавать сайты. В данном случае фраза "научиться создавать сайты" будет означать - знать на хорошем уровне язык гипертекстовой разметки HTML и каскадные таблицы стилей CSS, которые значительно расширяют возможности HTML и позволяют создавать действительно стильные и качественные сайты. Любой Интернет бизнес немыслим без сайта. Так что первым делом не мешало бы научиться создавать сайты. В данном случае фраза "научиться создавать сайты" будет означать - знать на хорошем уровне язык гипертекстовой разметки HTML и каскадные таблицы стилей CSS, которые значительно расширяют возможности HTML и позволяют создавать действительно стильные и качественные сайты. Любой Интернет бизнес немыслим без сайта. Так что первым делом не мешало бы научиться создавать сайты. В данном случае фраза "научиться создавать сайты" будет означать - знать на хорошем уровне язык гипертекстовой разметки HTML и каскадные таблицы стилей CSS, которые значительно расширяют возможности HTML и позволяют создавать действительно стильные и качественные сайты. Любой Интернет бизнес немыслим без сайта. Так что первым делом не мешало бы научиться создавать сайты. В данном случае фраза "научиться создавать сайты" будет означать - знать на хорошем уровне язык гипертекстовой разметки HTML и каскадные таблицы стилей CSS, которые значительно расширяют возможности HTML и позволяют создавать действительно стильные и качественные сайты.</p>
Вот так это выглядит на странице:
Любой
Интернет бизнес немыслим без сайта. Так что первым делом не мешало бы
научиться создавать сайты. В данном случае фраза "научиться создавать
сайты" будет означать - знать на хорошем уровне язык гипертекстовой
разметки HTML и каскадные таблицы стилей CSS, которые значительно
расширяют возможности HTML и позволяют создавать действительно стильные и
качественные сайты. Любой Интернет бизнес немыслим без сайта. Так что
первым делом не мешало бы научиться создавать сайты. В данном случае
фраза "научиться создавать сайты" будет означать - знать на хорошем
уровне язык гипертекстовой разметки HTML и каскадные таблицы стилей CSS,
которые значительно расширяют возможности HTML и позволяют создавать
действительно стильные и качественные сайты. Любой Интернет бизнес
немыслим без сайта. Так что первым делом не мешало бы научиться
создавать сайты. В данном случае фраза "научиться создавать сайты" будет
означать - знать на хорошем уровне язык гипертекстовой разметки HTML и
каскадные таблицы стилей CSS, которые значительно расширяют возможности
HTML и позволяют создавать действительно стильные и качественные сайты.
Любой Интернет бизнес немыслим без сайта. Так что первым делом не мешало
бы научиться создавать сайты. В данном случае фраза "научиться
создавать сайты" будет означать - знать на хорошем уровне язык
гипертекстовой разметки HTML и каскадные таблицы стилей CSS, которые
значительно расширяют возможности HTML и позволяют создавать
действительно стильные и качественные сайты.Сделать изображение ссылкой (баннер).
Пример:
<a href="http://pobedivip.ucoz.com">
<img src="risunok.jpg" " width="180" height="152" title="Последние новости" border="0">
</a>
Вот так это выглядит на странице:
border="0" - когда делаешь изображение ссылкой, вокруг него появляется некрасивая рамка (border) и чтобы ее убрать пишут дополнительный атрибут border.