Приемы форматирования текста

1. Откройте документ First.htm в программе Блокнот.

2. Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>,а его конкретное содержание может быть любым.

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

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

5. тот абзац с тега <P>.

6. Введите теги: <P> <FONT SIZE=«-2» FACE=«ARIAL» COLOR=«GREEN»>.

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

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

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

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

11. Запустите обозреватель Internet Explorer.

12. Дайте команду Файл–Открыть. Щёлкните на кнопке Обзор и откройте файл format.htm.

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

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

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

Приёмы создания списков

1. Откройте документ first.htm в программе Блокнот.

2. Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>, а его конкретное содержание может быть любым.

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

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

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

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

7. Запустите обозреватель Internet Explorer

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

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

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

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

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

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

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

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

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

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

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

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

20. Вернитесь в программу Internet Explorer и щёлкните на кнопке Обновить на панели инструментов. Посмотрите, как выглядит при отображении Web-страницы список определений.

Создание таблиц

1. Откройте документ first.htm в программе Блокнот.

2. Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>. В данном упражнении используется список номеров телефонов.

3. Введите тег <TABLE BORDER=«10» WIDTH=«100%»>.

4. Введите строку: <CAPTION ALIGN=«TOP»> Список телефонов </CAPTION>.

5. Первая строка таблицы должна содержать заголовки столбцов. Определите её следующим образом:

<TH>Фамилия<TH>Номер телефона

6. Определите последующие строки таблицы, предваряя каждую из них тегом <TR> и помещая содержимое каждой ячейки после тега <TD>.

7. Последнюю строку таблицы задайте следующим образом:

<TR > <TD ALING=«CENTER» COLSPAN=«2»> На первом этаже здания имеется бесплатный телефон – автомат.

8. Завершите таблицу тегом < /TABLE >.

9. Сохраните документ под именем table. htm.

10. Запустите обозреватель Internet Explorer

11. Откройте файл table.htm.

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

13. Измените ширину окна обозревателя и установите, как при этом изменяется внешний вид таблицы.

Создание фреймов

1. Запустите текстовый редактор Блокнот.

2. Введите следующий документ:

3. <HTML>

4. <HEAD>

5. <TITLE> Описание фреймов < /TITLE >

6. < /HEAD>

7. <FRAMESET ROWS=«60%,*»>

8. <FRAME SRC=«table.htm» >

9. <FRAMEST COLS=«35%, 65%» NORESIZE>

10. <FRAME SRC=«first.htm»>

11. <FRAME SRC=«links.htm»>

12. </FRAMESET>

13. </HTML>

14. Сохраните этот документ под именем frames.htm.

15. Запустите обозреватель Internet Explorer.

16. Откройте файл frames.htm.

17. Изучите представление нескольких созданных ранее документов в отдельных фреймах.

18. Посмотрите, что происходит при изменении ширины окна обозревателя.

19. Проверьте, можно ли изменить положение границ фреймов методом перетаскивания при помощи мыши.

20. Щелкните на ссылке, имеющейся в одном из фреймов, и посмотрите, как будет отображен новый документ.

21. Щелкните на кнопке Назад на панели инструментов и убедитесь, что возврат к предыдущему документу не нарушает структуру фреймов.

22. Вернитесь в программу Блокнот и измените структуру и параметры фреймов по своему усмотрению. Сохраните документ под тем же именем.

23. Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Убедитесь, что измененный вид Web-страницы соответствует замыслу. Если это не так, вернитесь в программу Блокнот, найдите и исправьте ошибки.