Практическое руководство по HTML

Что такое HTML?

Термин HTML (HyperText Markup Language) означает "язык маркировки

гипертекстов". Первую версию HTML разработал сотрудник Европейской

лаборатории физики элементарных частиц Тим Бернерс-Ли.

Со времени создания первой версии HTML претерпел некоторые изменения.

Как и многое другое в компьютерном мире, версии, или спецификации,

HTML оказались пронумерованными. Известны спецификации 2.0, 3.0, 3.2 и

4.0.

Все, о чем написано в Руководстве, будет гарантированно работать с

программным обеспечением, поддерживающим любую известную на сегодня

спецификацию HTML.

Однако могу Вас уверить, что Ваши документы

будут полностью работоспособными и вполне приличными по внешнему виду.

Что Вам понадобится для освоения HTML?

Для освоения HTML по этому Руководству Вам понадобятся две вещи:

Любой браузер, т.е., программа, пригодная для просмотра

HTML-файлов. Мне лично очень нравится Netscape Navigator, поэтому

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

Любой редактор текстовых файлов, поддерживающий русский язык в

выбранной Вами кодировке. Если на Вашем компьютере установлен

Windows, вполне подойдет Notepad.

Мы будем использовать текстовый редактор для подготовки HTML-файлов,

а браузер — как инструмент контроля за сделанным.

Свои первые HTML-файлы Вы будете разрабатывать у себя на локальном

диске. Другими словами, компьютер, на котором Вы будете заниматься,

может и не иметь подключения к Интернет. При этом один и тот же

*.html-файл может быть одновременно открыт и в Notepad, и в Netscape

Navigator. Сохранив изменения в Notepad, просто нажмите кнопку Reload

("перезагрузить") в Netscape Navigator, чтобы увидеть эти изменения

реализованными в HTML-документе.

Необходимое отступление о редакторах HTML

В настоящее время широко используются два типа редакторов HTML:

Редакторы типа "что видишь, то и получишь" (Netscape Navigator Gold,

Microsoft Front Page). Пользователь не видит "внутренностей"

документа, с которым он работает, точно так же, как при работе с

текстовым процессором типа Microsoft Word. Кстати

говоря, существует довольно много конвертеров, способных

преобразовывать документы, созданные в Microsoft Word или Word

Perfect, в HTML-документы.

Редакторы собственно HTML-текстов (HotDog, Ken Nesbitt Web Editor и

многие другие). В процессе работы пользователь видит внутреннее

содержание HTML-файла и может изменять его либо вручную, либо

вызывая команды меню для вставки определенных элементов HTML.

Как я уже говорил, нам для изучения HTML понадобится только текстовый

редактор и браузер. Когда Вы освоите HTML в минимальной степени, Вы

сами сможете подобрать себе редактор по вкусу.

Как устроен HTML-документ

HTML-документ — это просто текстовый файл с

расширением *.html (Unix-системы могут содержать

файлы с расширением *.htmll). Вот самый простой

HTML-документ:

     

         

     

     

         

               Привет!

         

         

               Это простейший пример HTML-документа.

         

         

               Этот *.html-файл может быть

      одновременно открыт и в Notepad, и в Netscape.

      Сохранив изменения в Notepad, просто нажмите

       кнопку Reload ('перезагрузить') в Netscape,

     чтобы увидеть эти изменения реализованными

     в HTML-документе.

         

     

Если хотите, можно посмотреть этот пример прямо

сейчас.

Для удобства чтения я ввела дополнительные отступы,

однако в HTML это совсем не обязательно. Более того,

браузеры просто игнорируют символы конца строки и

множественные пробелы в HTML-файлах. Поэтому наш

пример вполне мог бы выглядеть и вот так:

Привет!

Это простейший пример HTML-документа.

Этот *.html-файл может быть одновременно открыт

 и в Notepad, и в Netscape.

Сохранив изменения в Notepad, просто нажмите кнопку

 Reload ('перезагрузить') в Netscape, чтобы увидеть

 эти изменения реализованными в HTML-документе.

Как видно из примера, вся информация о

форматировании документа сосредоточена в его

фрагментах, заключенных между знаками "<" и ">". Такой

фрагмент (например, ) называется меткой

(по-английски — tag, читается "тэг").

Большинство HTML-меток — парные, то есть на каждую

открывающую метку вида есть закрывающая метка

вида с тем же именем, но с добавлением "/".

Метки можно вводить как большими, так и маленькими

буквами. Например, метки , и будут

восприняты браузером одинаково.

Многие метки, помимо имени, могут содержать атрибуты

— элементы, дающие дополнительную информацию о том,

как браузер должен обработать текущую метку. В нашем

простейшем документе, однако, нет ни одного атрибута.

.

Обязательные метки

...

Метка должна открывать HTML-документ.

Аналогично, метка должна завершать

HTML-документ.

...

Эта пара меток указывает на начало и конец заголовка

документа. Помимо наименования документа (см.

описание метки

Все, что находится между метками ,

толкуется браузером как название документа. Netscape

Navigator, например, показывает название текущего

документа в заголовке окна и печатает его в левом

верхнем углу каждой страницы при выводе на принтер.

Рекомендуется название не длиннее 64 символов.

...

Эта пара меток указывает на начало и конец тела

HTML-документа, каковое тело, собственно, и определяет

содержание документа.

...

—

...

Метки вида (где i — цифра от 1 до 6) описывают

заголовки шести различных уровней. Заголовок первого

уровня — самый крупный, шестого уровня, естественно —

самый мелкий.

...

Такая пара меток описывает абзац. Все, что заключено

между

и

, воспринимается как один абзац.

Метки и

могут содержать дополнительный

атрибут ALIGN (читается "элайн", от английского

"выравнивать"), например:

Выравнивание заголовка

 по центру

или

Образец абзаца с выравниванием

по правому краю

Подытожим все, что мы знаем, с помощью примера 2:

Привет!

Это чуть более сложный пример

 HTML-документа

Теперь мы знаем, что абзац можно выравнивать

 не только влево,

но и по центру

или по правому краю.

С этого момента Вы знаете достаточно, чтобы создавать

простые HTML-документы самостоятельно от начала до

конца