2015-09-07
325
Упражнение 2. изучение приемов форматирования абзацев
1. Если это упражнение выполняется не сразу после предыдущего, откройте документ first.htm в программе Блокнот.
2. Удалите весь текст, находящийся между тегами <Body> и </Body>. Текст, который будет вводится в следующих пунктах этого упражнения, необходимо поместить после тега <BODY>, а его конкретное содержание может быть любым.
3. Введите заголовок первого уровня, заключив его между тегами <h1> и </h1>.
4. Введите заголовок второго уровня, заключив его между тегами <h2> и </h2>.
5. Введите отдельный абзац текста, начав его с тега <p>. пробелы и символы переводы строки можно использовать внутри абзаца произвольно.
6. Введите тег горизонтальной линейки.
7. Введите еще один абзац текста, начав его с тега <p>
8. Сохраните этот документ под именем paragraph.htm.
9. Запустите обозреватель internet explorer (Пуск4Программы4 internet explorer).
10. Дайте команду Файл4Открыть. Щелкните на кнопке Обзор и откройте файл paragraph.htm.
11. Посмотрим как отображается этот файл. Установите соответствие между элементами кода HTML и фрагментами документа, отображаемыми на экране.
4 В этом упражнении мы создали документ HTML с разметкой абзацев. Мы определили, как влияют теги HTML на отображение соответствующих частей документа.
Упражнение 3. Создание гиперссылок
1. Если это упражнение выполняется не сразу после предыдущего, откройте документ first.htm в программе Блокнот.
2. Удалите весь текст, находящийся между тегами <Body> и </Body>. Текст, который будет вводится в следующих пунктах этого упражнения, необходимо поместить после тега <BODY>, а его конкретное содержание может быть любым.
3. Введите фразу: текст до ссылки.
4. Введите тег: <A HREF=”first.html”>.
5. Введите фразу: Ссылка.
6. Введите закрывающий тег </A>.
7. Введите фразу текст после ссылки.
8. Сохраните документ под именем link.htm.
9. Запустите обозреватель internet explorer (Пуск4Программы4 internet explorer).
10. Дайте команду Файл4Открыть. Щелкните на кнопке Обзор и откройте файл link.htm
11. Убедитесь в том, что текст между тегами <A> и </A>выделен как ссылка.
12. Щелкните на ссылке и убедитесь, что при этом загружается документ, на который указывает ссылка.
13. Щелкните по кнопке Назад на панели инструментов, чтобы вернутся к предыдущей странице. Убедитесь что ссылка теперь считается «просмотренной» и отображается другим цветом.
4В этом упражнении мы создали документ HTML, содержащий гиперссылки. Мы увидели, как гиперссылки отображаются в документе другим цветом.
