Задания по изображениям в HTML

Цветущий арбуз

Цветущий арбуз

Задачи по изображениям в HTML охватывают большой набор вопросов: вставка изображения в HTML (HTML код изображения), размер HTML изображения, выравнивание изображения, отступы изображения в HTML, изображение на всю страницу (изображение на весь экран), обтекание изображения HTML (обтекание текстом), работа с рамкой изображения, ссылка на изображение HTML. Читать далее…

Задания по изображениям в HTML

  1. Разместите рядом с HTML-страницей графический растровый файл в одном из доступных форматов. Подключите изображение в HTML.
  2. Добавьте к изображению альтернативный текст.
  3. Добавьте подпись под изображением при помощи элементов HTML5.
  4. Разместите рядом с изображением некоторый текст. Добавьте изображению поочередно атрибут style с разными значениями (margin:20px, border:10px solid #f63, border-radius:20px, float: right).
  5. Задайте обтекание изображению при помощи CSS-свойства float со значением left.
  6. Создайте несколько рядом идущих изображений и изучите их поведение при изменении ширины страницы.
  7. Поместите изображение в гиперссылку так, чтобы при нажатии происходил переход на сайт http://htmllab.ru
  8. Создайте у изображения однострочную всплывающую подсказку
  9. Измените размер изображения при помощи атрибутов
  10. Измените размер изображения при помощи CSS-свойств width и height
  11. * Посмотрите как устроена работа с изображениями в Bootstrap.

Все задания по HTML

Добавить комментарий