Двумя наиболее часто применяемыми в Интернете графическими форматами являются GIF и JPEG. В настоящее время появился еще один новый графический формат PNG приобретающий все большую популярность.
Все изображения добавляются на Web-страницу с помощью одного и того же тега, называемого тегом источника изображения, - <img src="место расположения"/>
Данная запись состоит из собственно тега <img/>, его атрибута src и значения данного атрибута - "место расположения". Для тега источника изображения не предусмотрен соответствующий закрывающий тег и поэтому не забывайте ставить в конце косую черту "/".
Атрибуты тега IMG
- src - обязательный атрибут, указывающий путь к графическому файлу
- align - определяет как рисунок будет выравниваться по краю и способ обтекания текстом.
По умолчанию картинка распологается в центре и текст ее не обтекает. Но используя параметр ALIGN можно заставить текст обтекать рисунок или фото. Например - если выравниваем рисунок по левому краю, то текст будет обтекать рисунок справа.left Выравнивание по левому краю right Выравнивание по правому краю center Выравнивание по центру bottom Выравнивание по нижнему краю top Выравнивание по верхнему краю middle Выравнивание по середине
- alt - выводит текст к картинке. Полезно, если браузер не отображает графику на странице
- border - устанавливает толщину рамки вокруг изображения в пикселах. По умолчанию рамка не используется. При использовании изображения в качестве гиперссылки рекомендуется установить border=0, чтобы подавить цветовую окантовку, которая появится вокруг изображения
- height - высота картинки в пикселах или процентах. Всегда желательно явно устанавливать этот параметр для ускорения загрузки страницы браузером
- hspace - определяет размер свободного места в пикселах слева и справа от изображения, улучшает внешний вид страницы, отделяя изображение от текста
- usemap - сообщает, что изображение является картой-изображением на стороне клиента
ismap - говорит браузеру, что картинка является серверной картой-изображением
- vspace - определяет размер свободного места в пикселах сверху и снизу от изображения, улучшает внешний вид страницы, отделяя изображение от текста
- width - ширина картинки в пикселах или процентах. Всегда желательно явно устанавливать этот параметр для ускорения загрузки страницы браузером
Теперь смотрим пример
<title>Вставка изображения в HTML-документ</title>
<body>
<img src="32648.jpg">
</body>
Комментариев нет:
Отправить комментарий