1. Запустите текстовый редактор Блокнот (Пуск ► Программы ► Стандартные ► Блокнот).
2. Введите следующий документ:
<HTML>
<HEAD> <ТITLЕ>Заголовок документа</TITLE>
</HEAD>
<BODY>
Содержание
документа
</BODY>
</HTML>
3. Сохраните этот документ под именем first.htm
Перед сохранением убедитесь, что сброшен флажок Не показывать расширения для зарегистрированных типов файлов (Пуск ► Настройка ► Свойства папки ► Вид). В противном случае редактор Блокнот может автоматически добавить в конец имени расширение .ТХТ.
4. Запустите программу Internet Explorer (Пуск ► Программы ► Internet Explorer).
5. Дайте команду Файл ► Открыть. Щелкните на кнопке Обзор и откройте файл first.htm
6. Посмотрите, как отображается этот файл — простейший корректный документ HTML Где отображается содержимое элемента TITLE? Где отображается содержимое элемента BODY?
7. Как отображаются слова «Содержание» и «документа», введенные в двух отдельных строчках? Почему? Проверьте, что происходит при уменьшении ширины окна.
Упражнение 2. Изучение приемов форматирования абзацев
1. Если это упражнение выполняется не сразу после предыдущего, откройте документ first.htm в программе Блокнот.
2. Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега < BODY>, а его конкретное содержание может быть любым.
3. Введите заголовок первого уровня, заключив его между тегами <Н1> и </Н1>.
4. Введите заголовок второго уровня, заключив его между тегами <Н2> и </Н2>.
5. Введите отдельный абзац текста, начав его с тега <Р>. Пробелы и символы перевода строки можно использовать внутри абзаца произвольно.
6. Введите тег горизонтальной линейки <HR>.
7. Введите еще один абзац текста, начав его с тега <Р>,
8. Сохраните этот документ под именем paragraph.htm
9. Запустите обозреватель Internet Explorer (Пуск ► Программы ► Internet Explorer).
10. Дайте команду Файл ► Открыть. Щелкните на кнопке Обзор и откройте файл paragraph.htm.
11. Посмотрите, как отображается этот файл. Установите соответствие между элементами кода HTML и фрагментами документа, отображаемыми на экране.