Тэги тела документа идентифицируют
отображаемые в окне компоненты 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>. Внутри предварительно
сформатированного текста разрешается
использовать:
- перевод строки
- символы табуляции (сдвиг на 8 символов
вправо)
- непропорциональный шрифт, устанавливаемый
броузером
Использование тэгов, определяющих формат
абзаца, таких как <Hx> или <ADDRESS>, будет
игнорироваться броузером при помещении их между
тэгами <PRE> и </PRE>.
Далее идет несколько более подробный
пример, собранный из предыдущих:
<HTML>
<HEAD>
<TITLE> Список сотрудников </TITLE>
</HEAD>
<BODY>
<H3> Список сотрудников нашей фирмы </H3>
<H4> Составлено : 1 января 2005 года </H4>
Данный список содержит фамилии, имена и отчества
всех сотрудников нашей компании. <P>
Список может быть использован только в служебных целях. <P>
</BODY>
</HTML>
Вот, что вы увидите на экране броузера:
Список сотрудников нашей фирмы
Составлено : 1 января 2005 года
Данный список содержит фамилии, имена и
отчества всех сотрудников нашей компании.
Список может быть использован только в
служебных целях.
Внимание! Заголовок "Список
сотрудников" не отображен броузером как часть
документа. Он появится в заголовке окна броузера.
Разрыв строки <BR>
Тэг <BR> извещает броузер о разрыве
строки. Наилучший пример использования данного
тэга - форматированный адрес или любая другая
последовательность строк, где броузер должен
отображать их одну под другой. Например:
Алексей Ярцев <BR>
Дмитровское шоссе, <BR>
д.9Б, офис 326 <BR>
Дополнительный параметр позволяет
расширить вохможности тэга <BR>.
<BR CLEAR=left|right|all >
Данный параметр позволяет выполнить не
просто перевод строки, а разместить следующую
строку, начиная с чистой левой (left), правой (right)
или обоих (all) границ окна броузера. Например, если
рядом с текстом слева встречается рисунок, то
можно использовать тэг <BR> для смещения текста
ниже рисунка:
Неразрывная строка <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.
:: HTML учебник :: Графика внутри HTML-документа : Использование списков : Гипертекстовые ссылки : Тэги тела документа : Основные понятия HTML :: |