Изображения

Question 1

<canvas>
</canvas>

(холст)

Answer 1

Изображения. Создает область, в которой при помощи JavaScript можно рисовать разные объекты, выводить изображения, трансформировать их и менять свойства. При помощи тега <canvas> можно создавать рисунки, анимацию, игры и др.</canvas>

<canvas>
<p>Ваш браузер не поддерживает рисование.</p>
</canvas>

Question 2

“<map></map>”

<map>
<area></area>
</map>

Answer 2

Изображения. Тег <map> служит контейнером для элементов <area></area>, которые определяют активные области для карт-изображений. Такие области устанавливают невидимые зоны на изображении, являющиеся ссылками на HTML-документы. Цель использования тега <map> — в связывании тега <img></img> с клиентской картой-изображением. Эта связь определяется применением единого идентификатора как в теге <img></img>, задаваемого атрибутом usemap, так и в теге <map>, устанавливаемого атрибутом name.

<p><map>
<area></area>
<area></area>
<area></area>
<area></area>
<area></area>
<area></area>
<area></area>
</map></p>

Question 3

<img></img>

Answer 3

Изображения. Тег <img></img> предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG или PNG. Адрес файла с картинкой задаётся через атрибут src. Если необходимо, то рисунок можно сделать ссылкой на другой файл, поместив тег <img></img> в контейнер <a>. При этом вокруг изображения отображается рамка, которую можно убрать, добавив атрибут border=”0” в тег <img></img>.</a>

Рисунки также могут применяться в качестве карт-изображений, когда картинка содержит активные области, выступающие в качестве ссылок. Такая карта по внешнему виду ничем не отличается от обычного изображения, но при этом оно может быть разбито на невидимые зоны разной формы, где каждая из областей служит ссылкой.

<p><a><img></img></a>
Lorem ipsum dolor sit amet...</p>

Question 4

“<area></area>”

(область)

<map>
<area></area>
</map>

Answer 4

Изображения. Каждый элемент <area></area> определяет активные области изображения, которые являются ссылками. Рисунок с привязанными к нему активными областями называется в совокупности картой-изображением. Такая карта по внешнему виду ничем не отличается от обычного изображения, но при этом оно может быть разбито на невидимые зоны разной формы, где каждая из областей служит ссылкой. Тег <area></area> задает форму области, ее размеры, устанавливает адрес документа, на который следует сделать ссылку, а также имя окна или фрейма, куда браузер будет загружать документ. Этот тег всегда располагается в контейнере <map>, который связывает координаты областей с изображением.

Несколько областей могут перекрывать друг друга, сверху будет та, которая в коде HTML располагается выше.

<p><map>
<area></area>
<area></area>
<area></area>
<area></area>
<area></area>
<area></area>
<area></area>
</map></p>