Заработать в Интернете, заработать деньгl

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

В HTML документы записываются в ASCII формате и поэтому могут быть созданы и отредактированы в любом текстовом редакторе (например, Emacs или vi на UNIX машинах, или любом редакторе на IBM PC).

Пример документа в HTML

Любой гипертекст похож на книгу и может быть разбит на отдельные структурные элементы:

Собственно документ
Главы, параграфы, пункты, подпункты
Абзацы

Для каждого из этих элементов в HTML существуют определенные стили, описывающие в каком виде пользователь увидит текст на экране. Пусть мы создали файл minihtml.html:

<BODY>

<TITLE>Пример HTML-текста</TITLE>

<H1>Глава 1</H1>

<H2>Параграф 1.</H2>

Добро пожаловать в HTML!

Здесь мы расскажем, как надо и как не надо писать гипертексты.<P>

<H2>Параграф 2.</H2><P>

</BODY>

Здесь вы можете увидеть, как выглядит этот текст.

Итак, Вы уже поняли, что:

Заголовок документа начинается с <TITLE> и заканчивается </TITLE>.
Заголовок первого уровня (Главы) выделется символами <H1> и </H1>)
Заголовоки последующих уровней (параграфы, пункты, подпункты и т.п.) - символами <Hx> и </Hx>), где x - числа 2, 3, ...
Абзац - символами <P> (В версиях HTML, действующих сейчас, символа </P> не существует! НО! Он может появится в последующих версиях!)

NOTE: HTML не различает, какими буквами набраны символы форматирования: <title> равносильно <TITLE> или <TiTlE>.

Не все стили поддержаны всеми WWW-browsers. Если browser не поддерживает стиль, то он его игнорирует. (Поэтому не страшно если Вы уже сейчас начнете пользоваться при форматировании абзацев символом </P>. Ниже мы более подробно остановимся на этом вопросе.)

Основные элементы

Основной текст отделяется от сопроводительного символами:

<BODY> </BODY>

Заголовки документов

Каждый HTML-документ должен иметь заголовок, он показывается отдельно и используется, прежде всего, для идентификации документа (например, при поиске). Заголовок должен описывать цель документа и содержать не больше 5-6 слов.

Практически во всех browsers заголовок документа виден в верхней части экрана (окна).

Для выделения заголовка служат символы:

<HEAD><TITLE>Заголовок</TITLE></HEAD>

Заголовки разделов документов

HTML имеет шесть уровней заголовков, имеющих номера с 1 по 6 (заголовок первого уровня является заголовком высшего уровня). По сравнению с нормальным текстом, заголовки выделяются шрифтом - размером и толщиной букв. Первый заголовок в каждом документе должен быть выделен <H1>. Синтаксис заголовков: <Hy>Текст заголовка</Hy > где y - число от 1 до 6, определяющее уровень заголовка.

Абзацы

В отличие от документов в больши нстве текстовых процессоров, прерывания строк и слов в HTML-файлах не существенны. Обрыв слова или строки может происходить в любом пункте в вашем исходном файле, при просмотре это прерывание будет проигнорировано. Напомним, что в нашем примере, первый параграф был представлен как

<H2>Параграф 1.</H2>

Добро пожаловать в HTML!

Здесь мы расскажем, как надо и как не надо писать гипертексты.<P>

В исходном файле два предложения находятся на двух разных стороках. Web browser игнорирует это перерывание строки и начинает новый абзац только, после знака < P>. Однако, чтобы сохранить удобочитаемость в исходных HTML-файлах, мы рекомендуем заголовки размещать на отдельных строках, а абзацы отделять пустыми строками (в дополнение к < P>).

Также заметим, что хотя в действующих версиях HTML нет признака форматирования < /P>, мы Вам рекомендуем его употреблять, поскольку он может быть введен в последующих версиях. К ошибке это не приведет, поскольку все незнакомые символы browser просто игнорирует. В противном случае, Вам в последствии, может быть, придется переделывать Ваши HTML-документы. В версии HTML+ предлагается, по аналогии с описанием заголовков, использовать как открывающий, так и закрывающий знаки абзаца:

<P>Это абзац в HTML+.</P>

Преимущество этого изменения в том, что Вы будете способны форматировать абзац. Например, располагать его в цетре строки, выделив его символами:

Соединение с другими документами

Главное преимущество HTML состоит в его способности связываться с другими документами. Browser выделяет (обычно цветом и/или подчеркиванием) ключевые слова, являющиеся гипертекстовыми ссылками (гиперссылками). Описывается ссылка на другой документ следующим образом:

<A HREF="имя файла"> Текст, который будет служить как обращение к другому документу</A>.

Приведем приме р такой гипертекстовой ссылки:

<A HREF="minihtml.html">Пример HTML-текста</A>

Здесь ключевые слова `Пример HTML-текста' являются гиперссылкой на файл minihtml.html, который лежит в той же директории, что и текущий документ. Вы можете ссылаться на документ, лежащий в любой директории, описав к нему полный путь. Так, например, ссылку на файл NJStats.html, лежащий в поддиректории AtlanticStates можно описать как:

	<A HREF="AtlanticStates/NJStats.html">New Jersey</A>

Это так называемые относительные ссылки. Вы также можете использовать абсолютное имя файла (полный путь). В общем случае, использование ссылки по абсолютному имени файла более предпочтительно.

Коротеева Елена / Введение в HTML / "Махаон" /