Тема. Оформление страницы.

Лабораторная работа №1

Тема. Оформление страницы

Цель. Создание простейшего документа HTML. Особенности оформления текстовой информации.

Задания

Запустите текстовый редактор Блокнот (Пуск4Программы4Стандартные4Блокнот).
Введите следующий документ:

<HTML>

<HEAD>

<TITLE>Оформление страницы </TITLE>

</HEAD>

<BODY>

Тема. Оформление страницы.

Первый лист

</BODY>

</HTML>

Сохранить документ в рабочем каталоге под именем index.htm. Не забудьте дать файлу расширение (.htm). Не закрывая редактор Блокнота выполните остальные пункты лабораторной работы.

3. Запустите программу Internet Explorer. Дайте команду (Файл4Открыть). Щелкните на кнопке Обзор и откройте файл index.htm. На экране отобразиться содержимое вашей первой страницы.

4. Вернитесь к тексту в Блокноте. Добавьте после тега <BODY> заголовок первого уровня, заключив его между тегами <H1></H1>.

5. Сохраните изменения в блокноте и для обновления страницы в Internet Explorer (Вид4 Обновить).

6. Введите заголовок второго и третьего и четвертого уровня. Примените атрибут центрирования к первому заголовку, выравнивание вправо и влево к третьему четвертому заголовку соответственно.

7. Введите текст стихотворения, начав его с тега <P>.

8. Используя, теги изменения начертания текста (курсив, полужирный, подчеркнутый, зачеркнутый) преобразуйте информацию на вашей странице.

9. Отобразите на вашей странице слово цветными буквами (каждая буква своим цветом).

10. Отобразите на вашей странице слово с различной высотой букв (каждая последующая бука больше предыдущей).

11. Замените тег <P> на <PRE>, затем на тег <NOBR>.

12. Измените цвет фона страницы с белого на любой другой тон.

13. Измените цвет фона на фоновый рисунок.

14. Используя тег <HR> нарисуйте в нижней части вашей страницы линия светло голубого цвета, толщиной в 20 пунктов, длинной в половину окна браузера, расположенную но центру экрана (горизонтальное выравнивание).

Контрольные вопросы

1. Где отображается содержимое тега <TITLE>?

2. Как и где отображается содержимое тега<BODY>?

3. Что происходит с содержимым окна при уменьшении ширины?

4. Сколько строк на экране занял текст помещенный в тег <BODY>? Почему?

5. Что отобразиться на экране при выполнении команды Internet Explorer (Вид4В виде HTML)?

6. Как измениться отображаемый фрагмент текста при использовании тега <P> или тега <NOBR>?

7. Что понимается под термином «Атрибут»?

8. В каком теге и какой атрибут можно изменить цвет текста во всем документе, в абзаце?