Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30


Чувашия-это моя Россия

Теги HTML5 - img.

Поддержка Браузеров

Internet Explorer Интернет эксплорер Google Chrome Google Chrome Opera Опера Firefox Firefox Safari Сафари, то есть тег < img> поддерживается во всех основных браузерах.

Определение и использование. Тег < img> определяет изображение в HTML-страницы. Тег < img> имеет два обязательных атрибута: src и alt. Изображения связаны с HTML страницами.

Тег < img> создает самостоятельное пространство для ссылочного изображения на странице сайта. Чтобы связать изображение с другим документом, просто гнездо тега < img> вставить внутри тегов < a>.

Тег < img> предназначен для отображения изображений в графическом формате gif, jpg, jpeg, png. Адрес файла с картинкой задаётся через атрибут src. При необходимости рисунок можно сделать ссылкой на другой файл, поместив тег < img> в контейнер < a>. При этом вокруг изображения отображается рамка, которую можно убрать, добавив атрибут border="0" в элементе < img>. И рисунки могут применяться в качестве карт-изображений, когда картинка содержит активные области, выступающие в качестве ссылок. Такая карта по внешнему виду ничем не отличается от обычного изображения, но при этом оно может быть разбито на невидимые зоны разной формы, где каждая из областей служит ссылкой. Об этом еще поговорим.

Отличия между HTML 4.01 и HTML5. Следующие атрибуты: выравнивание, границы, HSPACE, longdesc и VSPACE не поддерживается в HTML5. Следующие атрибуты: выравнивание, границы, hspace и vspace, не которые рекомендуются в HTML 4.01.

Отличия между HTML и XHTML. В HTML тег < img> не имеет закрывающего тега. В XHTML тег < img> должен быть надлежащим образом закрытым.

Основы разметок HTML дают необходимый минимум материала, чтобы отображать документ на странице сайта. В настоящее время в разработках HTML наблюдается следующий цикл создания основ HTML. На более высоком интерактивном уровне. В самих разметках создаются атрибуты, которые самостоятельно оживляют действия над объектами при создании и оформления страниц сайта. Будет прорыв основ HTML в голосовом управлении всеми действиями на страницах сайта. Все трудоемкие процессы по созданию сайта возьмет на себя машина и основы HTML преобразятся. Что из этого выйдет - покажет время, точнее идет прорыв в данном направлении.

Атрибуты

 : Новое в HTML5.

Значение Значение Описание
align top
bottom
middle
left
right
в HTML5 Не поддерживается. Не рекомендуется в HTML 4.01. Задает выравнивание изображения по окружающим элементам
alt текст Определяет альтернативный текст для изображения
border пикселей в HTML5 Не поддерживается. Не рекомендуется в HTML 4.01. Определяет ширину рамки вокруг изображения
crossorigin анонимный
используйте-учетные данные
"Разрешить картинки со сторонних сайтов, которые позволяют кросс-происхожд. доступ"
height пикселей Определяет высоту изображения
hspace пикселей в HTML5 Не поддерживается. Не рекомендуется в HTML 4.01. Определяет пробелы на левую и правую стороны изображения
ismap ismap позволяет задать изображение в качестве сервера( server-side image-map
longdesc URL в HTML5 Не поддерживается. Задает URL-адрес документа, который содержит длинное описание изображения
src URL - Задает URL-адрес изображения
usemap #mapname Позволяет задать изображение в качестве client-side image-map
vspace пикселей в HTML5 Не поддерживается. Не рекомендуется в HTML 4.01. Определяет пробелы в верхней и нижней части изображения
width пикселей Определяет ширину изображения


Тег < img> поддерживает Глобальные атрибуты в HTML: КЛИКНИ СЮДА

Тег < img> также поддерживает Атрибуты событий в HTML: КЛИКНИ СЮДА



Пишем программу - Как вставить изображение:

< !DOCTYPE html>
< html>
< body>

< img src="http://seosait21.ru/oboi/smiley.gif " alt="Улыбающийся колобок" width="32" height="32">

< /body>
< /html>                     

Результат выполнения программы:

Улыбающийся колобок


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: