Основные понятия
Если вы хотите посмотреть, как будут выглядеть результаты вашего творчества в окне браузера, перейдите на вкладку Preview.
Как FrontPage, так и Word при создании HTML-программ вставляют в заголовок (т. е. между <HEAD> и </HEAD>) тэги <МЕТА> с различными атрибутами. Например:
<HTML> <HEAD> <META http-equiv="Content-Language" content="ru"> <META http-equiv="Content-Type" content="text/html" ; charset="windows-1251"> <META name="GENERATOR" content="Microsoft FrontPage 4.0"> <META name="ProgID" content="FrontPage.Editor.Document"></HEAD> <BODY> ... </BODY> </HTML>Информация, содержащаяся в тэгах <МЕТА>, не отображается браузером и служит специальным целям. Например, в ней указываются язык, на котором написан документ, кодовая страница, ключевые слова для поиска и др. Она очень важна для настройки браузера и работы поисковых серверов. Тэги <МЕТА> можно вставить в HTML-программу на заключительном этапе разработки Web-страницы, называемом публикацией.
При написании HTML-программ, особенно если в них много тэгов, возникает необходимость вставки комментариев – поясняющих текстов, которые не видны при загрузке документа в браузер. Комментарии нужны разработчику документа. Для этой цели служит тэг <!>. все, что заключено между символами <! и >, считается комментарием и не отображается браузером на экране. Имейте в виду, что даже программист-профессионал через месяц с трудом разбирается в своем коде, и тогда комментарии помогают ему.
Обратите внимание на то, что перенос слов текста в окне браузера происходит в зависимости от ширины окна. Если вы хотите, чтобы текст располагался по центру, применяйте тэг <CENTER>. Если пользователь изменит размеры окна браузера, произойдет новое выравнивание текста. Заметим, что тэг <CENTER> можно применять не только к тексту, но и к графике, таблицам и другим элементам, которые будут рассмотрены ниже. Тэг <CENTER> является контейнерным, т. е. ему соответствует закрывающий тэг </CENTER>.
Некоторым тэгам в HTML-программе соответствуют вполне определенные элементы НТМ-документа, размещаемые на странице. Например, мы можем написать тэги, выводящие на экран такие элементы, как текст, рисунок, видеоклип и др. Другие же тэги ничего не выводят. Они предназначены для специальных целей. Типичными представителями таких тэгов являются контейнерные тэги (или просто контейнеры): например, <HEAD>, <BODY> и <CENTER>. Отметим здесь еще один контейнерный тэг <DIV>, с помощью которого можно выделить часть (или раздел) HTML-документа. В последующих главах мы рассмотрим подробнее, как им пользоваться.
В HTML-программу можно вставлять фрагменты программ, написанных на языке JavaScript или Visual Basic Script (только для браузера Internet Explorer). Такие фрагменты называются сценариями или скриптами и обрамляются тэгами <SCRIPT> и </SCRIPT>. В скриптах обычно описывают обработку различных событий, например, щелчок мыши на кнопке или картинке.
Итак, прежде чем двигаться дальше, вы должны четко уяснить следующее:
- программа на языке HTML хранится в текстовом файле с расширением НТМ или HTML;
- HTML-программа состоит из тэгов. Тэги могут вкладываться друг в друга, иметь атрибуты, которые, в свою очередь, могут принимать значения (аргументы). Тэги могут быть контейнерными, т. е. парными, и одиночными;
- одним тэгам в HTML-программе соответствуют видимые элементы HTML-документа (заголовки, фрагменты текста, рисунки и т. п.), выводимые на экран в окне браузера; другие тэги выполняют специальные функции, не связанные с выводом на экран;
- все, что заключено между символами <!-- и -->, является комментарием и не отображается в окне браузера;
- информация, описанная в тэгах <МЕТА>, не отображается браузером, но имеет большое значение. Эти тэги можно вставить в HTML-программу на завершающем этапе разработки Web-страницы, непосредственно перед ее публикацией;
- в HTML-программу можно вставлять фрагменты, написанные на языках JavaScript и Visual Basic Script. Эти фрагменты обрамляются тэгами <SCRIPT> и </SCRIPT>.