1. Відкрийте програму Paint (Пуск ► Програми ► Стандартні> Paint). Задайте розміри нового малюнка, наприклад 50x50 точок (Малюнок ► Атрибути).
2. Виберіть зелений колір фону. Залийте малюнок фоновим кольором.
3. Виберіть інструмент Кисть і червоний колір. Нанесіть довільний червоний малюнок на зелений фон.
4. Збережіть малюнок у вашій папці під ім'ям картінка1.gif (в форматі GIF).
5. Створіть новий малюнок (Файл ► Створити). Виберіть червоний колір фону. Залийте малюнок фоновим кольором.
6. Виберіть інструмент Кисть і зелений колір. Нанесіть довільний зелений малюнок на червоний фон.
7. Збережіть малюнок у вашій папці під ім'ям картінка2.gif (в форматі GIF) і закрийте програму Paint.
8. Якщо це вправа виконується не відразу після попереднього, відкрийте доку-мент 1.htm в програмі Блокнот.
9. Видаліть весь текст, що знаходиться між тегами
і . Текст, який буде вводитися в наступних пунктах цієї вправи, необ-обхідно помістити після тега .10. Введіть текст: Робота з малюнками.
Застосування різних атрибутів. Розташування малюнків буде залежати від атрибутів.
11. Введіть тег
12. Збережіть документ під назвою картінка.htm.
13. Відкрийте браузер Internet Explorer (Пуск ► Програми ► Internet Explorer).
14. Дайте команду Файл ► Відкрити. Клацніть на кнопці Обзор і відкрийте файл картинка .htm. Подивіться на отриманий документ, звертаючи особливу увагу на зображення.
15. Поверніться в програму Блокнот, додайте новий текст:
Змінимо атрибут. Після тексту додайте тег
16. Поверніться в програму Internet Explorer і відкрийте файл картінка.htm. Подивіться на отриманий документ, звертаючи особливу увагу на зображення. Подивіться, як змінилося розташування картинки при введенні значення атрибута "TOP".
17. Поверніться в програму Блокнот, додайте новий текст:
Ще раз змінимо атрибут. Після тексту додайте тег
18. Поверніться в програму Internet Explorer і обновіть інформацію на панелі інструментів або клавішами CTRL + R. Подивіться, як змінився вигляд сторінки при зміні атрибутів.
19. Поверніться в програму Блокнот і додайте текст:
Використовуємо іншу картинку і атрибути розташування картинки щодо тексту.
Після тексту додайте тег
20. Поверніться в програму Internet Explorer і обновіть інформацію на панелі інструментів або клавішами CTRL + R. Подивіться, як змінилося розташування картинки.
21. Поверніться в програму Блокнот і додайте текст:
Змінимо положення картинки. Для цього після тексту додайте тег
22. Поверніться в програму Internet Explorer і обновіть інформацію на панелі інструментів або клавішами CTRL + R. Подивіться, як змінилося розташування картинки.
У цій вправі ми навчилися вставляти зображення в документ. Ми з'ясували, як впливають атрибути тега на спосіб відображення зображення.