Code
<img src="http://адрес изображения">
- самый простой код для вставки изображений.
Пример кода: <img src="http://fotki.ucoz.ua/_ph/12/238219696.jpg">
Задание размеров изображения
Задание размеров графического изображения явно (с помощью атрибутов WIDTH, HEIGHT) позволяет браузеру загружать картинку с большей скоростью, т.к. он не тратит время на дополнительные вычисления.
Чтобы задать размер изображения, его, понятное дело, надо знать. Узнать размер можно, практически, в любом графическом редакторе. Если вы пользуетесь хорошим html-редактором, то он автоматически вставляет размер изображения в текст страницы при выборе соответствующего графического файла.
Еще одним существенным плюсом задания размеров "вручную" есть тот факт, что пользователи, отключившие в своих браузерах средства обработки графики, увидят ваше творение именно в том виде, в каком оно замышлялось, поскольку область Вэб-страницы, предусматривающие размещение в них графических изображений определенных размеров, останутся в неприкосновенности.
Code
<img src="http://адрес изображения" width="ширина изображения в пикселях" height="ширина изображения в пикселях"/>
Пример кода: <img src="http://fotki.ucoz.ua/_ph/12/446411379.jpg" width="1024" height="768"/>
Использование кодов alt="" Title="", позволяет Вам использовать комментарии к изображению, что даёт представление о его содержимом, до загрузки самого изображения. Так же эти теги необхрдимы для индексации ваших изображений поисковыми.
роботами
Code
<img src="http://адрес изображения" width="ширина изображения в пикселях" height="ширина изображения в пикселях"alt="Ваш комментарий" Title="Ваш комментарий"/>
Пример кода: <img src="http://fotki.ucoz.ua/_ph/12/446411379.jpg" width="1024" height="768"alt="Фото девушки" Title="Фото девушки"/>
Пример самого изображения можно увидить у меня на сайте. Наведите курсор мыши на любое изрбражение на главной странице сайта.
Обтекание изображений текстом:
Для этого используют атрибут ALIGN, он может иметь 2 значения:
left - заставляет браузер помещать изображение слева от текста;
right - заставляет браузер помещать изображение справа от текста;
Code
<img src="http://адрес изображения" width="ширина изображения в пикселях" height="ширина изображения в пикселях"alt="Ваш комментарий" Title="Ваш комментарий"align="left "/>
Пример кода: <img src="http://fotki.ucoz.ua/_ph/12/446411379.jpg" width="1024" height="768"alt="Фото девушки" Title="Фото девушки"align="left "/>
Отступы вокруг изображения
Графические изображения в Вэб-браузере имеют, по умолчанию, пустую рамку в несколько пикселей, которая отделяет их от текста. Для увеличения пустой области вокруг изображения служат атрибуты HSPACE, VSPACE тэга <IMG>.
Текст, отделенный от графики лучше усваивается, а пустая область между соседними изображениями предотвращает толкование их в виде единого целого.
Атрибут HSPACE задает ширину чистой области СЛЕВА И СПРАВА от изображения.
Атрибут VSPACE задает ширину чистой области СВЕРХУ И СНИЗУ от изображения.
Code
<img src="http://адрес изображения" width="ширина изображения в пикселях" height="ширина изображения в пикселях"alt="Ваш комментарий" Title="Ваш комментарий"align="left "hspace="10" vspace="10"/>
Этот код задаёт отступы от изображения, равные 10 пикселям.
Пример кода: <img src="http://fotki.ucoz.ua/_ph/12/446411379.jpg" width="1024" height="768"alt="Фото девушки" Title="Фото девушки"align="left "hspace="10" vspace="10"/>
Вроде бы ничего не забыл!
Если я что-то не написал можете меня дополнить!
Материалы на эту же тему:
Создание красивого раздвижного меню для сайта
Основные атрибуты и свойства фона - background
Оформление ссылок в таблице стилей (CSS)
Основные Мета тэги
Границы при помощи border
Создание рамки с помощью FIELDSET