Руководство по программированию на HTML
Работа из раздела: «
Программирование и комп-ры»
HTML
1. Web-страницы. Основные понятия
Web-страница является элементарной частью Всемирной Паутины (World Wide
Web, www). WWW, в свою очередь, — одна из возможностей компьютерной сети
Internet, связывающей компьютеры по всему миру.
Вся информация www хранится в виде отдельных документов. В основе каждого
такого документа лежит текст, который может быть оформлен различными
шрифтами, стилями и т. п. В тексте могут быть помещены иллюстрации,
таблицы, видео-клипы, также возможно добавление фоновой звуковой дорожки.
Основное свойство документов во Всемирной Паутине — наличие ссылок на
другие документы, находящиеся в Сети. Такие ссылки называются гиперссылками
(hyperlink), они позволяют при просмотре быстро переходить от одного
документа к другому, и тем самым связывают все документы в единое целое.
Документы, о которых идёт речь, называются web-страницами. Содержимое web-
страниц часто называют гипертекстом.
Набор страниц, объединённых общей тематикой, называется сайтом (web site).
Обычно весь сайт целиком хранится на одном компьютере сети, называемом web-
сервером. Довольно часто серверы содержат несколько сайтов.
У каждого объекта, к которому можно получить доступ через Internet (в
частности, у сайтов и отдельных web-страниц) имеется свой адрес в сети,
который называется иначе унифицированным адресом ресурса (Uniform Resource
Locator, URL).
Рассмотрим пример адреса для web-сайта: http://www.uni-vologda.ac.ru (сайт
ВГПУ). Первая часть адреса (“http://”) — название протокола, по которому
нужно производить передачу данных по Сети. Протокол — набор правил, которые
определяют, в каком виде данные должны передаваться по сети. Для разных
видов данных используются разные протоколы. В случае web-страниц
применяется протокол передачи гипертекста (HyperText Tranfer Protocol,
HTTP). Для передачи произвольных файлов по Сети используется протокол
передачи файлов (File Transfer Protocol, FTP). Существуют и другие
протоколы (Gopher, Telnet и т. д.).
За именем протокола в адресе следует собственно адрес, который лучше читать
справа налево. Часть “ru” означает, что сайт находится в России, она
называется доменом (группа сайтов) первого уровня. Домен 1-ого уровня может
быть географическим (ru — Россия, us — США, uk — Великобритания, ger —
Германия, ua — Украина и т. п.) или тематическими (com — коммерческий сайт,
edu — образование, gov — правительство, net — сетевые службы, mil — военное
дело и оборона и т. п.). Внутри домена первого уровня находится домен
второго уровня, в нашем случае — “ac” это значит, что сайт имеет отношение
к образованию и науке. В принципе возможны домены третьего и более высоких
уровней. Слева в адресе содержится название самого сайта (“uni-vologda”).
Иногда, для того чтобы подчеркнуть то, что адрес относится к Всемирной
Паутине, добавляют часть “www”.
Для просмотра web-страниц используются специальные программы, называемые
браузерами (web browser). Они позволяют загружать из Сети для просмотра
страницы с заданным адресом и переходить от документа к другому по
гиперссылкам. Наиболее известными являются браузеры Netscape Navigator
фирмы Netscape и Internet Explorer фирмы Microsoft.
2. Понятие языка HTML
Наша цель состоит в том, чтобы научиться создавать собственные страницы для
WWW. Для этого придётся познакомиться с правилами, в соответствии с
которыми страницы хранятся на диске компьютера. Любая страница представлена
в виде отдельного текстового файла, который можно создать любым текстовым
редактором. Так как страница может содержать не только текст, но и
множество других элементов (шрифтовое оформление текста, иллюстрации и т.
п.), то в текст встраиваются специальные управляющие конструкции,
называемые тегами. Весь набор правил, по которым нужно создавать файл с web-
страницей и записывать отдельные теги, называется языком разметки
гипертекста (HyperText Markup Language, HTML). Браузеры при открытии файла
в формате HTML способны расшифровать теги и показать страницу в своём окне
так, как она была задумана создателем. В операционной системе Windows
файлы web страниц должны иметь расширения “htm” или “html”. При обучении
правилам HTML нет необходимости помещать наши страницы на действующий сайт
в Internet, достаточно хранить их в виде файлов на конкретной рабочей
станции или на сервере локальной сети.
3. Структура файла в формате HTML
В первую очередь нам потребуется создать файл с расширением “htm” или
“html” и открыть его для редактирования в текстовом редакторе (работая под
Windows, можно использовать стандартную программу “Блокнот”).
Текст для HTML-документа набирается в том виде, в котором его должен
показать браузер, а при выделения фрагментов, которые предназначены для
разметки документа (тегов), используются угловые скобки (знаки “больше” и
“меньше”), например: .
Любой документ HTML начинается с открывающего тега и заканчивается
соответствующим ему закрывающим тегом . Закрывающий тег отличается
от закрывающего наличием косой черты перед названием тега. В языке HTML нет
различий между большими и малыми буквами при записи тегов, однако принято
записывать открывающий тег большими буквами, а закрывающий — малыми. Часть
документа, которая находится в пределах от открывающего до соответствующего
ему закрывающего тега, называется контейнером (to contain — содержать что-
либо). Теги, у которых есть закрывающий и открывающий варианты записи
называются парными, а те, которые используются только в одном виде
(например, тег
), называются непарными. Весь файл web-страницы — это по
сути дела один большой контейнер HTML (так как начинается с и
заканчивается ).
Внутри контейнера HTML последовательно записываются два контейнера:
1. . . . (заголовок документа). Внутри этого контейнера
записываются параметры, общие для всей страницы. Для примера можно
поместить сюда контейнер , позволяющий поместить текст для
отображения в заголовке окна браузера.
2. <BODY> . . . </body> (тело документа). Этот контейнер содержит всё
то, что должен показать браузер внутри своего окна при открытии
документа. Если документ содержит только текст, то этот текст нужно
записывать именно здесь, если есть другие элементы (графика, таблицы,
ссылки и т. д.), то они вставляются в текст с помощью тегов, которые
будут рассмотрены позже.
Рассмотрим простейший пример текста, который может быть использован в
качестве HTML-документа:
<HTML>
<HEAD>
<TITLE>Самая простая web-страница
То, что вы сейчас читаете в окне браузера, записано в
контейнере BODY внутри HTML-файла.
