|
Структура документа
Когда WEB-броузер получает документ, он определяет, как документ должен
быть интерпретирован. Самый первый тэг, который встречается в документе,
должен быть тэгом <HTML>. Данный тэг сообщает WEB-броузеру, что ваш
документ написан с использованием HTML. Минимальный HTML-документ будет
выглядеть так:
<HTML> ...тело документа... </HTML>
Заголовочная часть документа <HEAD>
Тэг заголовочной части документа должен быть использован сразу после
тэга <HTML> и более нигде в теле документа. Данный тэг представляет
из себя общее описание документа. Избегайте размещать какой-либо текст
внутри тэга <HEAD>. Стартовый тэг <HEAD> помещается
непосредственно перед тэгом <TITLE> и другими тэгами, описывающими
документ, а завершающий тэг </HEAD> размещается сразу после
окончания описания документа. Например:
<HTML>
<HEAD>
<TITLE> Список сотрудников
</TITLE>
</HEAD>
...
Внимание! Технически, стартовые и завершающие тэги типа
<HTML>, <HEAD> и <BODY> необязательны. Но настоятельно
рекомендуется их использовать, поскольку использование данных тэгов
позволяет WEB-броузеру уверенно разделить заголовочную часть документа и
непосредственно смысловую часть.
Заголовок документа <TITLE>
Большинство WEB-броузеров отображают содержимое тэга <TITLE> в
заголовке окна, содержащего документ и в файле закладок, если он
поддерживается WEB-броузером. Заголовок, ограниченный тэгами <TITLE>
и </TITLE>, размещается внутри <HEAD>-тэгов, как показано выше
на примере. Заголовок документа не появляется при отображении самого
документа в окне.
Комментарии
Как любой язык, HTML позволяет вставлять в тело документа комментарии,
которые сохраняются при передаче документа по сети, но не отображаются
броузером. Синтаксис комментария:
<!-- Это комментарий -->
Комментарии могут встречаться в документе где угодно и в любом
количестве.
Тэги тела документа
Тэги тела документа идентифицируют отображаемые в окне компоненты
HTML-документа. Тело документа может содержать ссылки на другие документы,
текст и другую форматированную информацию.
Тело документа <BODY>
Тело документа должно находиться между тэгами <BODY> и
</BODY>. Это та часть документа, которая отображается как текстовая
и графическая (смысловая) информация вашего документа.
Уровни заголовков <Hx>
Когда пишется HTML-документ, текст структурно делится на просто текст,
заголовки частей текста, заголовки более высокого уровня и т.д. Первый
уровень заголовков (самый большой) обозначается цифрой 1, следующий - 2, и
т.д. Большинство броузеров поддерживает интерпретацию шести уровней
заголовков, определяя каждому из них собственный стиль. Заголовки выше
шестого уровня не являются стандартом и могут не поддерживаться броузером.
Заголовок самого верхнего уровня имеет признак "1". Синтакс заголовка
уровня 1 следующий:
<H1> Заголовок первого уровня </H1>
Заголовки другого уровня могут быть представлены в общем случае
так:
<Hx> Заголовок x-го уровня </Hx>
где x - цифра от 1 до 6, определяющая уровень заголовка.
Тэг абзаца <P>
В отличии от большинства текстовых процессоров, в HTML-документе обычно
игнорируются символы возврата каретки. Физический разрыв абзаца может
находиться в любом месте исходного текста документа (для удобства его
читаемости). Однако броузер разделяет абзацы только при наличии тэга
<P>. Если вы не разделите абзацы тэгом <P>, ваш документ будет
выглядеть как один большой абзац.
Дополнительные параметры тэга <P>:
<P ALIGN=left|center|right>
позволяют выравнивать абзац по левому краю, центру и правому краю
соответственно.
Центрирование элементов документа
Вы можете центрировать все элементы документа в окне броузера. Для
этого можно использовать тэг <CENTER>.
Все элементы между тэгами <CENTER> и </CENTER>
будут находиться в центре окна
Тэг преформатирования
<PRE>
Тэг преформатирования, <PRE>, позволяет представлять текст со
специфическим форматированием на экране. Предварительно сформатированный
текст заканчивается завершающим тэгом </PRE>. Внутри предварительно
сформатированного текста разрешается использовать:
Использование тэгов, определяющих формат абзаца, таких как <Hx>
или <ADDRESS>, будет игнорироваться броузером при помещении их между
тэгами <PRE> и </PRE>.
Далее идет несколько более подробный пример, собранный из
предыдущих:
<HTML>
<HEAD>
<TITLE> Список
сотрудников </TITLE>
</HEAD>
<BODY>
<H2> Список сотрудников нашей фирмы </H2>
<H3> Составлено : 30 июля 1996 года </H3>
Данный список содержит фамилии, имена и отчества
всех
сотрудников нашей компании. <P>
Список может быть
использован только в служебных целях. <P>
</BODY>
</HTML>
Вот, что вы увидите на экране броузера:
Список сотрудников нашей фирмы Составлено : 30 июля 1996 года
Данный список содержит фамилии, имена и отчества всех сотрудников нашей
компании.
Список может быть использован только в служебных целях.
Внимание! Заголовок "Список сотрудников" не отображен
броузером как часть документа. Он появится в заголовке окна
броузера.
Разрыв строки <BR>
Тэг <BR> извещает броузер о разрыве строки. Наилучший пример
использования данного тэга - форматированный адрес или любая другая
последовательность строк, где броузер должен отображать их одну под
другой. Например:
Алексей Ярцев <BR>
Дмитровское шоссе, <BR>
д.9Б, офис 326 <BR>
Дополнительный параметр позволяет расширить вохможности тэга
<BR>.
<BR CLEAR=left|right|all>
Данный параметр позволяет выполнить не просто перевод строки, а
разместить следующую строку, начиная с чистой левой (left), правой (right)
или обоих (all) границ окна броузера. Например, если рядом с текстом слева
встречается рисунок, то можно использовать тэг <BR> для смещения
текста ниже рисунка:
<p> Как вы можете видеть, данная схема демонстрирует
связь<BR CLEAR=left>
<img
src="http://www.softexpress.com/images/schema1.gif" align=baseline>
Мастер/Деталь </p>
Неразрывная строка <NOBR>
Если вы не хотите, чтобы броузер автоматически переносил строку, то вы
можете обозначить ее тэгами <NOBR> и </NOBR>. В этом случае
броузер не будет переносить строку даже если она выходит за границы
экрана; вместо этого броузер позволит горизонтально прокручивать окно.
Например:
<NOBR> Данная строка является самой длинной строкой
документа, которая не допускает какого-либо разбиения где бы то ни было
</NOBR>
Данная строка является самой длинной строкой документа, которая не
допускает какого-либо разбиения где бы то ни было
Если же вы хотите все же позволить разбиение данной строки на две, но в
строго запланированном месте, то вставьте тэг <WBR> в это место.
Например:
<NOBR> Данная строка является самой длинной строкой
документа,<WBR> которая не допускает какого-либо разбиения где бы то
ни было </NOBR>
Данная строка является самой длинной строкой документа,
которая
не допускает какого-либо разбиения где бы то ни было
Цитата <BLOCKQUOTE>
Данный тэг предназначен для обозначения в документе цитаты из другого
источника. Текст, обозначенный тэгом <BLOCKQUOTE>, отступает от
левого края документа на 8 пробелов. Например:
На открытии данной конференции глава представительства произнес:
<P>
<BLOCKQUOTE>
Сегодня один из величайших дней для
нашей компании. <BR>
Мы открыли новую технологию, позволяющую
нашим клиентам повысить производительность их настольных систем в
несколько раз.
</BLOCKQUOTE>
При отображении броузером данный текст будет выглядеть так:
На открытии данной конференции глава представительства произнес:
Сегодня один из величайших дней для нашей компании.
Мы открыли
новую технологию, позволяющую нашим клиентам повысить производительность
их настольных систем в несколько раз.
Список базовых тэгов HTML
|
Стартовый |
Завершающий |
Описание |
| <HTML> |
</HTML> |
Обозначение HTML-документа |
| <HEAD> |
</HEAD> |
Заголовочная часть документа |
| <TITLE> |
</TITLE> |
Заголовок документа |
| <BODY> |
</BODY> |
Тело документа |
| <H1> |
</H1> |
Заголовок абзаца первого уровня |
| <H2> |
</H2> |
Заголовок абзаца второго уровня |
| <H3> |
</H3> |
Заголовок абзаца третьего уровня |
| <H4> |
</H4> |
Заголовок абзаца четвертого уровня |
| <H5> |
</H5> |
Заголовок абзаца пятого уровня |
| <H6> |
</H6> |
Заголовок абзаца шестого уровня |
| <P> |
</P> |
Абзац |
| <PRE> |
</PRE> |
Форматированный текст |
| <BR> |
|
Перевод строки без конца абзаца |
| <BLOCKQUOTE> |
</BLOCKQUOTE> |
Цитата |
Описанные ранее тэги - это все, что необходимо вам для того, чтобы
начать работать с HTML. С использованием описанных тэгов вы можете
создать простой HTML-документ. Однако, следующие разделы позволят вам
существенно улучшить внешний вид ваших документов и опишут новые
возможности HTML.
|
