Упражнение 5. Приемы форматирования текста

1. Введите тело документа.

2. Введите тег <BASEFONT SIZE="5" COLOR="BROWN">. Он задает вывод текста по умол-чанию увеличенным шрифтом и коричневым цветом.

3. Введите произвольный абзац текста, который будет выводиться шрифтом, заданным по умолчанию. Начните этот абзац с тега <Р>.

4. Введите теги: <P><FONT SIZE="2" FACE="ARIAL" COLOR="GREEN">.

5. Введите очередной абзац текста, закончив его тегом </FONT>.

6. В следующем абзаце используйте парные теги: <В> (полужирный шрифт), <I> (курсив), <U> (подчеркивание), <S> (вычеркива­ние), <SUB> (нижний индекс), <SUP> (верхний ин-декс).

7. В следующем абзаце используйте парные теги: <ЕМ> (выделение), <STRONG> (сильное выделение), <CODE> (текст программы), <KBD> (клавиатурный ввод), <SAMP> (пример вывода), <VAR> (компьютерная переменная).

8. Сохраните полученный документ под именем format.htm.

9. Запустите программу Internet Explorer.

10. Откройте файл format.htm.

11. Изучите, как использованные элементы HTML влияют на способ отображения текста.

12. Вернитесь в программу Блокнот и измените документ так, чтобы элементы, задающие форматирование, были вложены друг в друга. Сохраните документ под тем же именем.

13. Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы.(Рис.6)

Рис.6 Форматирование текста

Упражнение 6. Приемы создания списков

1. Введите тело документа.

2. Вставьте в документ тег <OL TYPE="I">, который начинает упорядоченный (нумерован-ный) список.

3. Вставьте в документ элементы списка, предваряя каждый из них тегом <LI>.

4. Завершите список при помощи тега </OL>.

5. Сохраните полученный документ под именем list.htm.

6. Запустите программу Internet Explorer.

7. Откройте файл list.htm.

8. Изучите, как упорядоченный список отображается в программе Internet Explorer, обращая особое внимание на способ нумерации, заданный при помощи атри­бута TYPE.

9. Вернитесь в программу Блокнот и установите текстовый курсор после оконча­ния введен-ного списка.

10. Вставьте в документ тег <UL TYPE="SQUARE">, который начинает неупорядоченный (маркированный) список.

11. Вставьте в документ элементы списка, предваряя каждый из них тегом <LI>.

12. Завершите список при помощи тега </UL>. Сохраните документ под тем же именем.

13. Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на па­нели инструментов. Посмотрите, как изменился вид страницы, обратив внима­ние на способ маркировки, заданный при помощи атрибута TYPE.

14. Вернитесь в программу Блокнот и установите текстовый курсор после оконча­ния введен-ного списка.

15. Вставьте в документ тег <DL>, который начинает список определений.

16. Вставьте в список определяемые слова, предваряя соответствующие абзацы тегом <DT>.

17. Вставьте в список соответствующие определения, предваряя их тегом <DD>.

18. Завершите список при помощи тега </DL>. Сохраните документ под тем же именем.

19. Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов.

20. Посмотрите, как выглядит при отображении Web-стра­ницы список определений, у Вас должно получиться как на Рис.7.

Рис.7 Нумерация и маркировка текста