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

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

<BODY>
<TITLE>Пример HTML-текста</TITLE>
<H1>Глава 1</H1>
<H2>Параграф 1.</H2>
Добро пожаловать в HTML!
<H2>Параграф 2.</H2>
</BODY>

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

NOTE: HTML не различает, какими буквами набраны символы форматирования: <title> равносильно <TITLE> или <TiTlE>. Не все стили поддержаны всеми WWW-броузерами. Если броузер не поддерживает стиль, то он его игнорирует.

Основные элементы: Основной код отделяется от сопроводительного символами: <BODY> </BODY>.

Заголовки документов: Каждый HTML-документ имеет заголовок, он показывается отдельно и используется, прежде всего, для идентификации документа (например, при поиске). Заголовок должен описывать цель документа. Практически во всех броузерах заголовок документа бывает виден в верхней части окна. Dля выделения заголовка служат символы: <TITLE> </TITLE>.

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

Соединение с другими документами: Главное преимущество HTML состоит в его способности связываться с другими документами. Броузер выделяет обычно цветом и/или подчеркиванием ключевые слова, являющиеся гипертекстовыми ссылками (гиперссылками). Описывается ссылка на другой документ следующим образом: <A href="имя файла">Текст, который будет служить как обращение к документу</A>. Вы можете ссылаться на документ, лежащий в любой директории, описав к документу полный путь. Например, ссылку на файл km.html, лежащюю в поддиректории x-planet можно описать как: <A href="x-planet/km.html">Это ссылка</A>.

URL: Это абревиатура от Uniform Resource Locator. В него входит, кроме названия файла и директории: сетевой адрес машины и метод доступа к файлу. С помощью URL можно запускать удаленные программы, и передавать им значения. На этом принципе построены шлюзы. На этом сайте представлены несколько наиболее часто используемых типов URL. Dопустим файл с именем "karen.zip" лежит на ftp сервере ftp.web.am в директории /pub/doc/services/ тогда URL этого файла будет выглядeть так: file://ftp.web.am/pub/doc/services/karen.zip URL директории в которой лежит файл: file://ftp.web.am/pub/doc/services/ а URL корневой директории ftp сервера ftp.web.am выглядит вот так: file://ftp.web.am/ Gopher URL-ы не так разнообразны, как файловые. Это связано с ограниченностью этого сервиса. Dля того что бы описать, например, gopher сервер узла gopher.kiae.su необходим для этого URL: gopher://gopher.kiae.su/ Некоторые gopher-сервера могут находиться на нестандартном номере порта (по умолчанию обычно используется 70 порт) тогда он должен обязательно указываться: gopher://gopher.banzai.edu:1234/, где 1234 - номер порта.

Стили: Можно описывать специальными стилями разные слова или предложения. Имеются два типа стилей: логический и физический. Логические стили определяют текст согласно заданному значению, в то время как физические стили определяют некоторые участки текста. Зачем нужны два стиля, если они могут дать одинаковый результат на экране? В качестве ответа на этот вопрос сошлемнся на аксиому: "Dоверьтесь Вашему броузеру". В идеале, в SGML, содержание отделяется от заглавия. Таким образом, SGML определяет строку как заголовок, но не определяет, что заголовок должен быть написан, например, жирным шрифтом с размером букв 24 пункта, и должен быть расположен в верхней части страницы. Преимущество этого подхода в том, что если Вы решаете заменить стиль заголовка - все, что Вы должны сделать - это измененить определение заголовка в броузере.

Логические стили:

1. <DFN> - служит для описания определений.

2. <EM> - служит для выделения слов.

3. <CITE> - служит для выделения заголовков книг, фильмов, цитат и т. п.

4. <CODE> - служит для выдлеления программных кодов, текстов программ и т. п. Изображается шрифтом фиксированной ширины.

5. <KBD> - используется для ввода с клавиатуры пользователя. Может быть изображено жирным шрифтом.

6. <SAMP> - служит для машинных сообщений. Изображается шрифтом фиксированной ширины.

7. <STRONG> - служит для особого выделения слов. Обычно выделяется жирным шрифтом.

8. <VAR> - используется для символьных переменных.

Физические стили: Существуют физические способы выделения - автор задает стиль написания текста, описывая шрифт в исходном HTML-документе. Вы можете задать: <B>, </B> - жирный шрифт, <I>, </I> - наклонный шрифт, <TT>, </TT> - фиксированный шрифт.

Специальные символы: Символы <, >, & и " имеют в HTML особое значение, как символы форматирования. Но иногда нам необходимо использовать их в тексте по своему прямому назначению. Для их введения в текст, Вы должны использовать:

1. & lt; - левая скобка <

2. & gt; - правая скобка >

3. & amp; - &

4. & quot; - "

Специальные символы очень чувствительны к регистру: НЕЛЬЗЯ использовать & LT; вместо & lt;.

Прерывание стороки: Используя <BR> Вы можете перейти на новую строку, не начиная нового абзаца.

Горизонтальная линия: Используя <HR> Вы можете разделить данный текст горизонтальной чертой:

Внутренние рисунки: Чтобы включить рисунок, надо описать гиперссылку на него: <IMG SRC=picture.jpg>. Таким образом, синтаксис ссылки на рисунок анологичен синтаксису гиперссылки HREF.

Внешние рисунки: Если Вы не хотите, чтобы рисунок замедлял загрузку основного WWW-документа, Вы можете поместить рисунок в отдельный документ, написав на него гиперссылку. В этом случае пользователь сам должен решить - смотреть или не смотреть ему этот рисунок.