Реализация анимации изображения в web-страницы с использованием дополнительных графических файлов и без них (только текст html-файл)
Тег <img> служит для внедрения графики на страницы. На данный момент поддерживаются форматы файлов GIF, JPG, JPEG, PNG
Атрибуты
src - Обязательный атрибут, указывающий URL рисунка align - Выравнивает изображение к одной из сторон документа
alt - Выводит текст к картинке. Полезно, если браузер не отображает графику на странице
border - Устанавливает толщину рамки вокруг изображения в пикселах. По умолчанию рамка не используется. При использовании изображения в качестве гиперссылки рекомендуется установить BORDER=0, чтобы подавить цветовую окантовку, которая появится вокруг изображения
ismap - Сообщает, что изображение является картой-изображением на сервере
height - Высота картинки в пикселах или процентах. Всегда желательно явно устанавливать этот параметр для ускорения загрузки страницы браузером
hspace - Определяет размер свободного места в пикселах слева и справа от изображения, улучшает внешний вид страницы, отделяя изображение от текста
usemap - Сообщает, что изображение является картой-изображением на стороне клиента
vspace - Определяет размер свободного места в пикселах сверху и снизу от изображения, улучшает внешний вид страницы, отделяя изображение от текста
width - Ширина картинки в пикселах или процентах. Всегда желательно явно устанавливать этот параметр для ускорения загрузки страницы браузером
Пример
Код с использованием тега <img>
<img src="../cat.jpg" alt="Отдыхаем!" vspace=10>
Тег <HR> добавляет в HTML документ горизонтальную линию. Перед и после линии помещается пустая строка Атрибуты : size - Устанавливает высоту(толщину) линии
width - Устанавливает ширину линии в пикселах или процентах
noshade - Создает линию без тени
color - Задает линии определенный цвет
Пример: Это обычная линия <hr>
Это линия потолще и красная <hr size=3 color=red>
Также существуют стандартные фильтры (такие как Alpha, Blur, Chroma, ...), которые позволяют накладывать на изображения различные фильтры, изменяющие изображение.
Пример:
Синтаксис:
STYLE="filter:alpha(Opacity, FinishOpacity, Style, StartX, StartY, FinishX, FinishY)"
Тег <A> служит для создания гипертекста (ссылок). Гипертекст позволяет осуществлять мгновенный переход от одного фрагмента текста к другому.
<a href="http://changer.newmail.ru" title="подсказка">А это уже гиперссылка на сайт http://changer.newmail.ru</a>
Тег <B> создает жирный текст. Тег <font> определяет выводимый шрифт
Тег <BODY> определяет видимую часть документа.В этом разделе располагается вся содержательная часть документа (текст статьи, фотографии, формы для заполнения, другие объекты).