Введение
Большинство людей в той или иной степени знакомо с одной из основных услуг Интернета – World Wide Web (WWW или “всемирной паутиной”). Благодаря этому мы можем на компьютере находить и просматривать документы, содержащие текст, графику или звук практически на любую тему. Следует заметить, что всемирная паутина это относительно недавнее изобретение. В 1990 году сотрудник Европейской лаборатории ядерной физики Тим Беренс-Ли изложил основные принципы WWW. Это явилось причиной появления новых технологий программирования в сети Интернет.
В последнее время часто можно услышать словосочетание Web-сервер и слово браузер. Web-сервер обозначает компьютер, который предоставляет другим компьютерам страницы гипертекста в ответ на их запрос. Когда этот гипертекст по линиям связи приходит на Ваш компьютер, то на нем должна быть уже загружена программа, которая гипертекст сможет правильно отобразить. И такая программа называется браузер. В настоящее время наиболее распостраненные браузеры – это Microsoft Internet Explorer, Mozilla Firefox, Netscape Navigator и Opera.
Далее мы рассмотрим возможности создания страниц гипертекста (Web-страниц). А так как самая популярная программа-браузер Microsoft Internet Explorer входит в состав операционой системы Windows, то Вы сразу же можете посмотреть, как Ваш гипертекст выглядит на экране.
Известно, что HTML является языком разметки и используется для форматирования данных (текста и графических изображений) в сети Интернет. При этом в качестве управляющих элементов используются теги. Тегом считается управляющее слово, заключенное в угловые скобки. Например, отметить, что данный документ является страницей гипертекста можно с помощью открывающего тега <HTML> и закрывающего тега </ HTML>.
Теги не чувствительны к регистру, однако, тем не менее, для улучшения восприятия текста, желательно использовать символы в одном регистре (принято использовать большие буквы). Заметим, что типичной ошибкой программирования является пропуск закрывающих тегов. Эта ошибка может заметно исказить отображаемую Web – страницу, однако обычно не приводит к полной остановке отображения страницы браузером. Для создания страниц гипертекста мы в дальнейшем мы будем использовать редактор Блокнот, который является одним из компонентов Windows. Для его запуска следует нажать кнопку Пуск, затем выбрать раздел Программы, далее строку Стандартные и там Вы уже увидите программу Блокнот.
В основном HTML-файлы (файлы с гипертекстом) обычно имеют расширение html (правда возможны и другие расширения). Поэтому у Ваших файлов может быть любое имя, но расширение обязательно должно быть html. Для того, что увидеть результат работы, необходимо запустить Internet Explorer и затем открыть выбранный файл (другой более простой вариант – двойной щелчок по пиктограмме созданного файла с гипертекстом).
Начнем с подробного комментария простого HTML-файла, который как мы уже говорили, можно написать в Блокноте (листинг 1).
Листинг 1.
1 <HTML>
2 <HEAD>
3 <TITLE>Программирование для Internet
4 </TITLE>
5 </HEAD>
6 <BODY>
7 <P>Добро пожаловать на наш Web-сайт!</P>
8 </BODY>
9 </HTML>
При наборе данного текста в Блокноте нумерацию вводить не нужно (мы ее поставили лишь для удобства последующего комментария). Тег в первой строке ( <HTML> ) сообщает браузеру о том, что за этим тегом и вплоть до закрывающего тега </HTML> (строка 9) следует текст на языке HTML. Отметим, что файл HTML всегда должен начинаться с тега <HTML> в первой строке документа и заканчиваться тегом </HTML> в последней строке.
Каждый файл HTML подразделяется на две основные части – элемент заголовка, который содержит общую информацию о документе, и тело документа, в которое помещается содержательная часть страницы. В строках со 2-й по 5-ю находится секция заголовка нашей Web – страницы (заголовок располагается между тегами <HEAD> и </HEAD>). Указание заголовка является обязательным требованием для каждого HTML - документа. В заголовке можно указать текст, который помещается в верхней части окна браузера. Этот текст вводится при помощи парных тегов <TITLE> и </TITLE>, помещаемых внутри заголовочной части страницы. Заголовок отображается на цветном фоне в полосе верхней части окна браузера, при этом в заголовочной части кроме заголовка могут располагаться другие элементы (в дальнейшем мы увидим какие).
В строке 6 тег <BODY> открывает элемент BODY (тело документа). В тело документа помещается то содержание, которое должно отображаться браузером (в основном это текстовая информация и изображения). Для размещения текста в HTML-документе используются различные теги. В строке 7 расположен параграф - <P>Добро пожаловать на наш Web-сайт! </P>. Параграф размещается отдельно от остального материала страницы и он отделяется пустыми строками, автоматически вставляемыми до и после текста параграфа. Таким образом, после создания текста с информацией указанной на листинге.1, сохранения этого текста в файле с расширением html и двойного щелчка мышкой по пиктограмме созданного файла в окне браузера мы увидим картину, подобную показанной на рис.1.
Рис.1.