Как добавить картинку в HTML5

tany, опубликовано 16 сентября 2015 г.

<figure> для изображения

Изображение в элементе <figure> без подписи:

<figure>
<img src="orang-utan.jpg"
alt="Малыш орангутанга свисает с каната">
</figure>

<figure> с изображением и подписью

Изображение внутри элемента <figure> с поясняющей подписью:

<figure>
<img src="macaque.jpg" alt="Макака на дереве">
<figcaption>
Наглая макака из Борнео.
Фото <a href="…">Ричарда Кларка</a>
</figcaption>
</figure>

<figure> с несколькими изображениями

Размещение нескольких изображений внутри одного элемента <figure> с общей подписью:

<figure>
<img src="kookaburra.jpg" alt="Кукабара">
<img src="pelican.jpg" alt="Пеликан на пляже">
<img src="lorikeet.jpg" alt="Наглый многоцветный лорикет">
<figcaption>
Слева направо: кукабара, пеликан и многоцветный лорикет.
Фотографии <a href="…">Ричарда Кларка</a>
</figcaption>
</figure>