ИНТЕРНЕТ В РОССИИ И В МИРЕ

Сегодня Четверг 08.12.2016
HTML и CSS -> Тег img   Обновление - 02.04.2016

Тег img

Эффект "фото на столе"

Краткое описание фото № 1.

Краткое описание фото № 2.

Картинка и текст

Картинка по центру, текст внизу

текст

Для размещения по центру картинку можно вложить в блок DIV со стилем css - text-align:center;.
для отступа сверху и снизу - в стиле IMG - padding:10px 0;.

Картинка слева, текст справа

текст

Для размещения текста справа от картинки в стиле IMG указано свойство css - float:left;,
для отступа со всех сторон - в стиле IMG - padding:15px;.

Картинка справа, текст слева

текст

Для размещения текста справа от картинки в стиле IMG указано свойство css - float:right;
для отступа со всех сторон - padding:15px;

Картинка в качестве ссылки

текст

IMG размещается внутри тега <a> - <a href="адрес" > Картинка здесь </a>.
Если вокруг изображения появится рамка, то надо в стиле указать - border:0;

Горизонтальная лента из картинок

Вариант 1


Вариант 2



Поделиться:

Тег <img>

Закрывающего тега нет. Слэш (косая черта) в открывающем теге ставится для XHTML.
Тег <img> предназначен для отображения на странице сайта изображений в графическом формате, среди которых чаще всего используются форматы растровой графики: .jpg, .jpeg, .gif, .png.
Обязательные атрибуты: src - адрес картинки, alt - краткое описание изображения. Атрибут alt устанавливает альтернативный текст для img, который виден при отключенной в браузере загрузке изображений или при долгой загрузке картинки.

Следующие атрибуты не поддерживается в HTML5:
align - выравнивание;
border - рамка;
hspace - отступ по горизотали;
vspace - отступ по вертикали;
Вместо них надо указывать стили CSS, как в примерах слева.

Общими основными атрибутами для HTML4 и HTML5 остались:
универсальные атрибуты - id, class, title, style, а также width - ширина и height - высота.
Наверх
   
Яндекс цитирования
При любом использовании материалов сайта прямая ссылка на www.bizhit.ru обязательна. © 2010 - 2016 гг. Материал сайта, в том числе реклама, не является публичной офертой.
Обратная связь

Администрация сайта не гарантирует точности и полноты предоставленных материалов. До принятия каких-либо решений уточните информацию из официальных источников.
Сделать бесплатный сайт с uCoz