Получение информации из Интернета. Создание HTML-документа (Лабораторная работа № 4.1), страница 3

4. Как упростить повторный доступ к нужной странице?

5. Где сохранятся рисунки при сохранении Web-страницы на диске?

6. Для каких целей можно использовать отображение страниц без рисунков?

Лабораторная работа № 4.2. Создание Web-страницы

Цель работы:

-          ознакомиться с особенностями форматирования документа HTML;

•          освоить назначение основных тегов HTML;

научиться создавать простейший документ HTML в редакторе Блокнот;

изучить приемы форматирования текста с помощью тегов;

•          уметь вставлять рисунок, таблицу и гиперссылку в документ HTML;

-          освоить возможности программы InternetExplorer.

Основные сведения

Для создания Web-страниц используется язык HTML (Hyper Text Markup Language - язык разметки гипертекста). Под разметкой понимается использование специальных конструкций, которые легко отделяются от смыслового содержания документа. Эти специальные конструкции называются тегами. Все теги заключаются в угловые скобки <...>. HTML-документы открываются и просматриваются специальными программами, которые называются браузерами или Web-обозревателями (например. Internet Explorer). Теги на экран не выводятся, а указывают браузеру, как интерпретировать текст, заключенный между ними.

Существует два способа формирования HTML-документа. Первый состоит в разметке документа вручную. Для этого можно использовать текстовый редактор, например Блокнот. При этом автор должен знать и уметь применять язык HTML. Второй способ предполагает использование специальных редакторов для языка HTML, например FrontPage Express. Этот способ проще освоить, т.к. он не требует знания языка HTML. В данной лабораторной работе создание HTML-документа производится первым способом.

Все документы HTML имеют одну и ту же структуру. Документ всегда должен начинаться с тега <HTML> и заканчиваться соответствующим закрывающим тегом </HTML>.

Структура HTML-документа:

<HTML>

<HEAD>

<TITLE> Заголовок документа </TITLE>

</HEAD>

<BODY>

Тело документа

</BODY>

</HTML>

Видно, что документ состоит из двух частей - заголовка и тела (пары тегов <HEAD>...</HEAD> и <BODY>...</BODY> соответственно). В заголовке документа размещается некоторая информация о документе. В нашем случае это будет название документа. Оно выделяется тегами <TITLE>...<TITLE>.

Содержание документа размещается в теле документа. Заголовок первого уровня (Главы) выделяется тегами <Н1> и </Н1>. Заголовки последующих уровней (параграфы, пункты., подпункты и т.п.) выделяются тегами <Нх> и </Нх>, где х — числа 2. 3,... При отображении Web-обозревателем эти заголовки показываются при помощи шрифтов разного размера.

Для создания абзаца недостаточно нажать на клавишу ENTER. Язык HTML рассматривает символ конца строки, как обычный пробел. Поэтому текст, являющийся абзацем, помещается между тегами <Р> и </Р>. Закрывающий тег </Р> является необязательным. Язык HTML не содержит средств для создания красной строки, поэтому при отображении на экране абзацы разделяются пустой строкой.

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

<р align="center"> ... </р>

Главное преимущество HTML состоит в его способности связываться с другими документами с помощью ключевых слов, являющихся гипертекстовыми ссылками (гиперссылками). Описывается ссылка на другой документ следующим образом:

<А HREF="имя файла"> Текст, который будет служить как обращение к другому документу </А>.

Список основных тегов, используемых в лабораторной работе:

<CENTER> ... </CENTER>      - выравнивание по центру

<LEFT> ... </LEFT>                              - выравнивание по левому краю

<RIGHT> ... </RIGHT>             - выравнивание но правому краю

<BR>                                                      - перейти на новую строку, не начиная нового абзаца