Введение в язык HTML

ОГЛАВЛЕНИЕ

Перед Вами учебник генерации документов в стандарте HTML. HTML - "hypertext markup language", язык описания гипертекстовых документов, используемый в WWW ( World Wide Web).

Принятые сокращения

WWW
World Wide Web - мировая паутина (кратко Web).
SGML
Standard Generalized Markup Language -- Стандарт описания различных гипертекстовых языков.
DTD
Document Type Definition -- это спецификация гипертекстового языка, написанная с использованием SGML.
HTML
HyperText Markup Language -- HTML это SGML DTD. На практике, HTML - это коллекция стилей ( указанных в терминах языка HTML), которые определяют различные компоненты WWW документов. HTML был изобретен Тимом Бернерсом-Ли ( Tim Berners-Lee) работавшим тогда в CERN'е. Он тепереь директор W3 Consortium ( консорциума W3).

Что мы не описываем

Предполагается, что Вы уже знаете:

  • по меньшей мере как использовать NCSA Mosaic или другой просмотрщик WWW страниц;
  • как работают Web серверы и просмотрщики;
  • как размещать HTML документы на WWW сервере, или использовать их на своем компьютере.

Создание HTML документов

HTML документы - это файлы в обычном ( также известный как ASCII) текстовом формате, который может создаваться любым текстовым редактором ( к примеру - NE, Лексикон, Emacs и др.). Пара просмотрщиков Web ( tkWWW for X Window System и CERN's Web для компьютеров NeXT) включают простейшие HTML редакторы, позволяющие работать в стиле WYSIWYG. Сечас имеется несколько WYSIWIG редакторов (например HotMetal for Sun Sparcstations, HTML Edit for Macintoshes). Вы можете попробовать один из них перед тем, как разбираться в деталях HTML.

Вы можете просматривать документы в процессе работы над ними используя, например, NCSA Mosaic. Откройте его, используя команду Open Local в меню File.

После редактирования HTML файла, сохраните изменения. Вернитесь в NCSA Mosaic и сделайте Reload ( перегрузите) документ. Изменения отражаются на экране дисплея.

Минимально возможный HTML документ

Перед Вами клише HTML документа :

    <TITLE>Простейший HTML пример</TITLE>
<H1>Это заголовок первого уровня</H1>
Добро пожаловать в мир HTML.
Это первый параграф.<P>
А это второй.<P>
Нажмите здесь, если хотите увидеть форматированную версию приведенного примера.

HTML использует термины гипертекста для информирования просмотрщика о способе вывода текста. Вышеприведенный пример использует :

  • <TITLE> tag ( термин, пометка, описание элемента - будем использовать слово tag) (и соответствующий ему </TITLE> tag), которые определяют заголовок документа.
  • <H1> tag заголовка (и соответствующий </H1>)
  • <P>tag - разделитель параграфов

HTML tag-и состоят из знака меньше (<), за ним следует имя tag-а и оканчивается знаком больше (>). Tag-и обычно парные, заключительный tag выглядит также, как и начальный за исключением slash'а (/), предшествующего тексту внутри скобок. Например : <H1> информирует просмотрщика о начале заголовка первого уровня </H1> говорит о том, что заголовок завершен.

Основным исключением из правила пар является <P> tag. Tag </P> не существует.

Замечение: HTML не различает больших и малых букв. <title> еквивалентно <TITLE> или <TiTlE>.

Не все tag-и поддерживаются всеми просмотрщиками WWW. Если просмотрщик не поддерживает tag, то он его игнорирует.