повторить атрибуты тега <img>.

Практическая работа

Тема: Изображение.

Цель:

Повторить вставку изображений в web-страницу

повторить атрибуты тега < img>.

Задание 1

Запишите необходимые теги, чтобы получить НТМL-код для web-страницы, показанной на образце. Проверьте правильность выпол­нения задания на компьютере.

Образец

Компьютерный класс

Примечание: Атрибут hidden представляет собой выключатель, который определяет, отображать объект в окне браузера или нет.

hidden=" true | false"

Задание 2

1. Создать тело страницы.

2. Вставить изображение с помощью тега < img> (картинка должна находится на компьтере) и подписать

Исходное изображение

3. Задать изображению ширину 60 пикселей и подписать «Задана ширина только в пикселях». Параметры текста:

· Цвет: красный

· Шрифт: «Comic Sans MS»

· Размер 18 пикселей

· Выравнивание: слева

4. Задать ширину картинки в процентах (50%) и подписать «Задана ширина в процентах». Параметры текста:

· Цвет: зеленый

· Шрифт: «Times New Roman»

· Размер 130% от размера шрифта порождающего элемента

· Выравнивание: по центру

5. Вставить изображение с помощью тега < img> (указав адрес ее в интернете).

6. Задать изображению ширину 150 пикселей а высоту 100 пикселей и подписать «Задана ширина и высота в пикселях». Параметры текста:

· Цвет: фиолетовый

· Шрифт: «Arial»

· Размер 11 пикселей

· Выравнивание: справа

· Альтернативный текст для изображения: рисунок компьютера

· Стиль шрифта: курсив.

Задание 3

Разместить несколько картинок по горизонтали.

Образец

Для картинки задать такие параметры:

· Расстояние от картинки до рамки: 15рх

· Цвет фона: #666

· Отступы: 10 рх

· Рамка вокруг картинки: 2px solid #55c5e9

· Альтернативный текст для изображения: фотография

· Ширина: 120 рх

· Высота: 120 рх.