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