1.1. Краткая справка по языку HTML
Хотя сам HTML не является языком программирования, но он составляет неотъемлемую часть языков программирования WWW, поскольку именно в документы, написанные с помощью конструкций этого языка, вставляются апплеты Java, Flash-анимации и мультимедийные клипы. А серверные приложения Java генерируют HTML-документы, отсылаемые на компьютер клиента для их показа пользователю компьютера. Система WWW и язык HTML
World Wide Web (Всемирная паутина) или, как ее обычно называют, WWW — это распределенная компьютерная система, основанная на гипертекстовых документах. Информация в ней хранится на компьютерах с соответствующим программным обеспечением (серверах), объединенных в глобальную сеть. Она включает в себя не только текст, но и возможность выполнения определенных действий при выборе специально отмеченных участков текста (так называемый гипертекст), а также графику, видео, звук (средства мультимедиа). Эта информация содержится в виде HTML-документов, которые могут включать ссылки на другие документы, хранящиеся как на том же самом, так и на другом сервере. На экране компьютера гиперссылки выглядят как выделенные другим цветом и/или подчеркиванием участки текста или рисунки (графические изображения).
С помощью гиперссылок, называемых также гипертекстовыми связями, пользователь может автоматически связаться с соответствующим источником информации в сети и получить на экране своего компьютера документ, на который была сделана ссылка. В большинстве случаев гиперсвязи выбирают щелчком кнопки мыши на участке текста с гиперсвязью. При этом компьютер посылает через сеть по протоколу HTTP (HyperText Transport Protocol) запрос серверу, хранящему файл с необходимым документом. Сервер, получив запрос, посылает клиенту этот файл или сообщение об отказе (если требуемый документ по тем или иным причинам недоступен).
HTML-документы просматривают с помощью браузеров — программ просмотра WWW-документов (WWW-browsers). В настоящее время получили распространение десятки таких программ, но наиболее известные и развитые — Microsoft Internet Explorer, Mozilla (в том числе один из его клонов, Firefox), Opera, а также уже сошедший со сцены Netscape Navigator.
WWW-документ, как уже отмечалось, содержит форматированный текст, графику и гиперсвязи с различными ресурсами Интернета. Чтобы реализовать все эти возможности, был разработан специальный компьютерный язык — HyperText Markup Language (HTML) — язык разметки гипертекста. Гипертекст (сверхтекст) — это текст, содержащий дополнительные возможности, в частности гиперссылки.
Существует несколько версий языка HTML, самая современная на данный момент — HTML 4.01 — принята в виде рекомендации Консорциума W3C (World Wide Web Consortium), отвечающего за развитие языка HTML и других WWW-технологий. XML-версия языка HTML, называемая XHTML, пока не нашла широкого распространения. Наиболее употребляемая версия при создании простых WWW-документов — это HTML 3.2. Создано много сред, позволяющих интерактивно создавать HTML-документы. Тем не менее, даже в этом случае полезно знать основные принципы устройства HTML-документов и имеющиеся в этом языке средства разметки.
Документ, написанный на языке HTML, представляет собой текстовый файл, содержащий собственно текст, несущий информацию пользователю, и теги разметки (murkup tags). Теги представляют собой определенные последовательности символов, заключенные между угловыми скобками (< >).
Программа просмотра располагает текст на экране дисплея согласно задаваемой тегами разметке, а также включает в него рисунки, хранящиеся в отдельных графических файлах, и формирует гиперсвязи с другими документами или ресурсами Интернета. После тега через пробел, вплоть до закрывающего символа >, может следовать один или не-сколько параметров (атрибутов) с задаваемыми для этих параметров значениями.
Файл на языке HTML имеет расширения html или htm. Он приобретает облик WWW-документа только тогда, когда просматривается в специальной программе просмотра — браузере.
Текст в HTML может включать любую последовательность символов, за исключением следующих:
<
>
&
"
Вместо них должны присутствовать комбинации:
<
>
&
"
Точка с запятой присутствует обязательно — ею заканчивается кодирующая последовательность.
Символы табуляции и перехода на новую строку эквивалентны пробелу, а несколько этих символов и пробелов подряд (в любой комбинации) — одному пробелу.
Для вставки в текст значимого пробела используется комбинация:
Она обозначает так называемый неразрывный пробел (non-breaking space), который не считается разделителем между словами. Поэтому слова, разделенные этим пробелом, хоть и пишутся через пробел, но на новую строку переносятся вместе, а не по раздельности. Теги и их атрибуты
Теги предназначены для форматирования и разметки документа. Теги бывают парные (контейнеры) и непарные. Действие парного тега начинается с открывающего тега <�имя-Тега и заканчивается при встрече соответствующего ему закрывающего </имяТега, признаком которого является символ /.
Например:
Это html документ
Непарный тег вызывает единичное действие в том месте, где он встречается. Например, тег
вызывает перевод текста на новую строку.
Исключением из правила, гласящего об эквивалентности любого числа пробелов, табуляций и переходов на новую строку одному пробелу, является текст внутри контейнера
. Этот текст показывается так же, как он был предварительно отформатирован в обычном текстовом редакторе с использованием моноширинного шрифта, а все пробелы и переносы на новую строку значимые. Однако внутри данного контейнера могут действовать другие теги разметки.
Внутри тега, кроме его имени, могут находиться атрибуты, задающие дополнительные параметры, необходимые для действия тега.
Например, тег
обеспечивает показ в данном месте текста изображения из файла с именем MyFile.gif, а ширина и высота изображения задается 100 на 40 точек (пикселов) соответственно. При этом атрибут src, задающий имя файла, обязательный, а width и height — необязательные (могут отсутствовать).
Регистр, в котором набраны имена тегов или атрибутов (но не значения атрибутов!), в рамках HTML не имеет значения. В ранних версиях HTML во многих программах, работающих с HTML-документами (редакторах, конвертерах из одного формата текста в другой), оказывалось предпочтение верхнему регистру (заглавные буквы). Но после появления стандарта XHTML для обеспечения максимальной совместимости лучше использовать нижний регистр (маленькие, строчные буквы).
Типичный HTML-документ имеет заголовок и тело.
Начало документа отмечается тегом и заканчивается тегом .
Заголовок документа:
Он никак не отображается на экране компьютера при просмотре HTML-файла, за ис-ключением названия документа, помещаемого между тегами заголовка и заключенного в контейнере:
Это название обычно выводится как заголовок окна браузера, в котором отображается файл.
Важнейшая служебная информация — кодировка документа — задается следующим образом:
(русскоязычная кодировка ISO 1251);
(кодировка UTF-8) и т. д.
Тело определяет видимую часть документа:
Это html-документ, содержащий какой-то текст.
Пример 1. Hello world
Если ваш браузер делает запрос о разрешении отображать активное содержимое, то нужно дать такое разрешение, иначе не удастся увидеть апплет.
Это пример запуска апплета с помощью тега object в HTML-документе:
Пример 2. Hello world и эллипс
Если ваш браузер делает запрос о разрешении отображать активное содержимое, то нужно дать такое разрешение, иначе не удастся увидеть апплет.
Это пример запуска апплета с помощью тега object:
Другой вариант запуска апплета — с помощью устаревшего тега applet:
TODO write content
на то, которое нам нужно (см. листинг 1.10). После компиляции в папке Applet1\build\classes появятся файлы index.html и Applet1.class. Если запустить в браузере файл index.html, то увидим апплет — если, конечно, он покажется. Напомним, что лучше всего показывать апплеты с помощью тега