Неистовой судьбы - иль против моря
Невзгод вооружиться, в бой вступить
И все покончить разом...
5.2. Оформити кожний із варіантів монологу (5 рядків) як окремий как абзац за допомогою тегу <P>. Вирівняти англійський текст по лівому краю, а російський - по правому.
5.3. Скопіювати російський варіант монологу і сформувати з нього один абзац:
Быть иль не быть - вот в чем вопрос. Что благороднее: сносить удары неистовой судьбы - иль против моря невзгод вооружиться, в бой вступить. И все покончить разом...
Оформити вирівнювання абзацу – «по ширине».
6. Оформлення абзаців за допомогою парного тега <PRE>.
6.1. Скопіювати в кінець документу англійський варіант монологу, розмістити його в середину тега PRE і оформити за наведеним зразкоми "лесенкой":
To be, or not to be, that is the question:
Whether 'tis nobler in the mind to suffer
The slings and arrows of outrageous fortune,
Or to take arms against a sea of troubles,
And by opposing, end them...
6.2. Зберегти документ first.htm, скопіювати його на диску А: для подальшої роботи.
7. Виконаьти шрифтове оформлення документа.
7.1. Створити документ second.htmв Вашій папці на жосткому диску. За основу документа взяти файл first.htm, залишити в ньому заголоаок, англійський варіант монологу і підпис. Замінити в тегу <TITLE> слово «первый» на «второй».
7.2. Оформити кожен рядок тексту монолога різним кольором.
7.3. 1-й і 3-й рядки оформити напівжирним шрифтом, 2-й і 4-й – курсивом, 5-й – підкресленим.
8. Оформлення списків.
8.1. Доповнити текст дакумента – ввести після заголовка ще три рядка:
Я знаю как оформлять:
Заголовки,
Абзацы
8.2. Оформити два останні рядки як нумерований список.
8.3. Доповнити список своїх знань. Наприклад, між пунктами "Заголовки" і "Абзацы" додати пункт "Текст". Проаналізувати, як змінилася нумерація елементів списку.
8.4. Створити вкладений список. Додати уточнення видів оформлення шрифтів і абзаців і оформити отриманий список за наступним зразком.
Я знаю как оформлять:
I. Шрифты
· Размер
· Цвет
· Гарнитуру
II. Заголовки
· От 1-го до 6-го уровня
III. Абзацы
· Выравнивание
· Разрыв строк внутри абзаца
· Использовать преформатирование.
9. Вставити в текст малюнок.
9.1. Створити додаткову папку Рисунки. Підготувати в редакторі Paint свій автопортрет, розміром 3X4 см (60x80 точок). Зберегти файл в папці Рисунки чотири рази в різних форматах (різного типу):
24-х разрядный рисунок (*.bmp) – під іменем pic_24.bmp,
16-ти цветный рисунок (*.bmp) – під іменем pic_16.bmp,
Формат GIF (*.gif) – під іменем pic_g.gif,
Формат JPEG (*.jpg, *.jpeg) – під іменем pic_j.jpg.
Зпівставити якість і розміри малюнків. Оптимальний варіант розмістити в робочій папці під іменем pic_1.gif (якщо ви вибрали формат GIF).
9.2. Вставити малюнок в початок документа – перед заголовком помістити тег:
<IMG SRC="pic1.gif">
Переглянути результат в Браузері.
9.3. Вирівняти малюнок по лівому краю (ввести в тег малюнка атрибут вирівнювання). Переглянути результат обтікання в Браузері.
9.4. Доповнити тег малюнка атрибутами, що задають розмір малюнка і альтернативний текст "Это мой автопортрет".
9.5. Зробити копію документа second.htmі малюнка на диску А:
10. Навчитися оформляти фон HTML - документа.
10.1. Створити документ third.htm, взявши за основу документ second.htm.
10.1.1. Зберегти документ second.htm під іменем third.htm. Відредагувати тег <TITLE>, замінивши слово «второй» на «третий». Відредагувати тег <BODY>, ввівши в нього атрибут кольорового оформлення фону BGCOLOR=
Вказати значення атрибута в форматі RGB (див. табл. Основних кольорів), підібрати колір фону в світлих тонах.
10.2. Відредагувати документ first.htmтак, щоб фон в ньому задавався фоновим малюнком. В якості малюнка можна використати файл pic1.gif або будб-який інший кольоровий малюнок невелткого розміру (кілька пікселів).
11. Продемонструвати створені документи викладачу. Зберегти копії всіх документів на диску A: для подальшої роботи.
Частина 2. Робота з таблицями, створення гіперпосилань
1. Створити новий HTML-документ, зберегти його в тій же папці, що і попередні три файли, задати йому ім’я index.htm.
2. Розмістити в документі наступні елементи.
2.1. На початку документа розмістити заголовок:
Отчёт по лабораторной работе – создание HTML-документов.
2.2. Створити таблицю, яка складається з двох комірок (без обрамлення). В правій комірці розмістити малюнок - Ваш автопортрет, в лівій – свої дані (фамілію, ім’я, учбову групу). Виконати шрифтове оформлення тексту.
2.3. Далі розмістити: Мною создани три документа!
2.4. Нижче розмістити таблицю, яка складається з 3-х комірок за наведеним зразком.
| 1-й документ | 2-й документ | 3-й документ |
2.5. Оформити таблицю. Таблиця повинна мати рамку, «розфарбувати» комірки у світлі відтінки.
3. Звязати створені документи за допомогою гіперпосилань.
3.1. За текстом в кожній комірці закріпити гіперпосилання на відповідний документ.
3.2. В кінці документу ввести фрузу: Пишите мне. Закріпити за нею гіперпосилання на свою адресу e-mail.
3.3. В кінці кожного документу розмістити малюнок 
і закріпити за ним гіперпосилання для повернення дл файлу index.htm.
3.4. Зберегти всі документи. Перевірити переходи по гіперпосиланнях.
4. Оформити основний заголовок за допомогою Бегущей строки.
5. Продемонструвати створені документи викладачу.
Контролі питання
1. Що означає поняття HTML-документ?
2. Які переваги цього виду документа?
3. Що означає поняття "тег"?
4. Які різновиди тегів існують?
5. Що входить до складу об'єктів керування тегами?
6. Яка структура НTML-документа?
7. Який вид тега використовується для вставки гіперпосилання?
8. Який вид тега використовується для створення таблиці?
9. Який вид тега використовується для вставки графічного об'єкта?