<img> | Тег HTML - Справочник HTML + HTML5 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Среда, 07.12.2016
Главная » Справочник HTML » Изображения


ОбъектыБлочные элементы
ТаблицыСтрочные элементы
СимволыФорматирование
ДокументыИзображения
ЗвукФормы
СпискиУстаревшие теги
ФреймыСкрипты



Адаптивный сайт - aTmpl


<img> | Тег HTML

Тег <img> устанавливает изображение




Тег <img>  предназначен для установки изображения на страницу.В HTML5 личных атрибутов поубавилось.Не забывайте об обязательных атрибутах,это src и alt,первый выполняет загрузку адреса изображения,а второй сопровождает описанием изображения.Описание важно для робота,там где материал содержит много изображений,или на изображения ссылается суть материала отсутствие описание может повлечь не верную интерпретацию материала.Поддерживает глобальные атрибуты,а так же атрибуты событий в HTML5




Синтаксис тега <img> ( закрывающий тэг отсутствует )


<img src="URL" alt="" >

Тег работает в браузерах





Атрибуты тега <img>

Атрибут alt

Атрибут alt определяет описание изображению - это обязательный атрибут

Синтаксис атрибута align


<img alt="Описание">

Атрибут height

Атрибут height определяет высоту изображения,применяется со значением ширины ( для адекватного отображения изображения )

Синтаксис атрибута height


<img img="Высота изображения">

Атрибут ismap

Атрибут ismap определяет изображение карту на стороне сервера,применяется к карте изображения для которой установлено имя координат выделенных областей

Синтаксис атрибута ismap


<img ismap="#Имя">

Атрибут usemap

Атрибут usemap определяет имя заданных областей на стороне клиента

Синтаксис атрибута usemap


<img usemap="имя">

Атрибут src

Атрибут src указывает путь к изображению

Синтаксис атрибута src


<img src="URL">

Атрибут title

Атрибут title определяет заголовок для изображения

Синтаксис атрибута title


<img title="Заголовок">

Атрибут width

Атрибут width определяет ширину изображения,применяется со значением высоты ( для адекватного отображения объекта )

Синтаксис атрибута width


<img width="Ширина изображения">

Пример применения тега


<!DOCTYPE html>
<html>
<head>
<title>Тэг img</title>
</head>
<body>
<div align="center">
<figure>
<img src ="/html/img/map-area.jpg" width="428"
height="656" alt="1234" usemap ="#1234">
<map name="1234">
<area shape="rect" coords="0,0,200,200" href="/html/demo/map-area-gus.html" alt="1">
<area shape="rect" coords="0,228,200,428" href="/html/demo/map-area-lebed.html" alt="2">
<area shape="rect" coords="0,456,200,656" href="/html/demo/map-area-induk.html" alt="3">
<area shape="rect" coords="228,0,428,200" href="/html/demo/map-area-green.html" alt="4">
</map>
</figure>
</div>
</body>
</html>

Пример в действии





Русские шрифты





Категория: Изображения | Добавил: IZOTOP (11.06.2012) | Автор: Меренков Михаил W
Просмотров: 1171 | Теги: изображение | Рейтинг: 0.0/0

Вопросов / Советов / Предложений - относящихся к материалу: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]