Студопедия

Главная страница Случайная страница

Разделы сайта

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника






повторить атрибуты тега <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 рх.

<== предыдущая лекция | следующая лекция ==>
Модель шифратора для преобразования восьми десятичных чисел (от 0 до 7) в 3-х разрядный двоичный код с приоритетом (74148) | 




© 2023 :: MyLektsii.ru :: Мои Лекции
Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав.
Копирование текстов разрешено только с указанием индексируемой ссылки на источник.