назад | содержание | вперед
Основные тэги в HTML
Самый первый тэг, который встречается в документе, должен быть тэгом <HTML>. Данный тэг сообщает Web-браузеру, что документ написан с использованием языка HTML. Самый простой HTML-документ будет выглядеть так:
<HTML> ...некоторый текст... </HTML>
Тэг заголовочной части документа должен быть использован сразу после тэга <HTML> и нигде более в теле документа. Этот тэг обрамляет общее описание документа. Не размещайте какой-либо текст внутри тэга <HEAD>. Стартовый тэг <HEAD> помещается непосредственно перед тэгом <TITLE> и другими тэгами, описывающими документ, а завершающий тэг </HEAD> размещается сразу после окончания описания документа. Например:
<HTML>
<HEAD>
<TITLE> Простой пример </TITLE>
</HEAD>
Совет
Формально, стартовые и завершающие тэги типа <HTML>, <HEAD> и <BODY> необязательны. Но мы настоятельно рекомендуем вам использовать их, поскольку они позволяют Web-браузеру уверенно отделить заголовочную часть документа от смысловой части.
Большинство Web-браузеров отображают содержимое тэга <TITLE> в заголовке окна, содержащего документ, и в файле закладок, если он поддерживается Web-браузером. Заголовок, ограниченный тэгами <TITLE> и </TITLE>, размещается внутри <НЕАD>-ТЭГОВ, как показано выше на примере. Заголовок документа не появляется при отображении самого документа в окне.
Как и любой язык, HTML позволяет вставлять в тело документа комментарии, которые сохраняются при передаче документа по сети, но не отображаются браузером. Синтаксис комментария:
<!-- Комментарий -->
Тэги тела документа обрамляют отображаемую часть HTML-документа. Тело документа может содержать ссылки на другие документы, текст, таблицы, графику и т. д. Тело документа должно находиться между тэгами <BODY> и </BODY>. Это та часть документа, которая отображается как текстовая и графическая информация.
Структурно текст HTML-документа делится на собственно текст, заголовки фрагментов текста, заголовки более высокого уровня и т. д. Первый уровень заголовка обозначается цифрой 1, следующий— 2, и т.д. Большинство браузеров поддерживает интерпретацию шести уровней заголовков, определяя для каждого из них свой собственный стиль и размер. Заголовки глубже шестого уровня не входят в стандарт HTML и могут не обеспечиваться брау-зером. Синтаксис заголовка уровня 1 следующий:
<Н1> Заголовок первого уровня </Н1>
Заголовки могут быть представлены в общем случае так:
<Нх> Заголовок х-го уровня </Нх>
где х — цифра от 1 до 6, определяющая уровень заголовка.
В отличие от многих текстовых редакторов, в HTML-документе игнорируются символы перевода строки. Фактический разрыв строки может находиться в любом месте исходного текста документа (исходя из его текущего размещения и физических размеров окна браузера). Web-браузер осуществляет перевод строки и разделяет абзацы только при наличии тэга <р>. Если вы не будете использовать тэг <р>, то ваш документ будет выглядеть как один сплошной абзац.
Дополнительные параметры тэга <р>:
<Р ALIGN=left|center|right>
позволяют выравнивать абзац соответственно по левому краю, центру и правому краю.
Вы можете центрировать все элементы документа в окне браузера. Для этого можно использовать тэг <CENTER>. Тэг предварительного форматирования <PRE> позволяет отображать текст с обязательным форматированием на экране. Область предварительно отформатированного текста заканчивается завершающим тэгом </PRE>. Внутри тэгов <PRE> ... </PRE> разрешается использовать:
Если поместить тэги, определяющие формат абзаца, например, <нх> между тэгами <PRE> и </PRE>, то они будут игнорироваться браузером.
Тэг <BR> извещает браузер о разрыве строки (не путать с тэгом разрыва абзаца <р>). Удобно использовать этот тэг в тех местах, где браузер должен отображать строки одну под другой. Дополнительный параметр позволяет расширить возможности тэга <BR>.
<BR CLEAR=left|right|all>
Данный параметр позволяет выполнить не просто перевод строки, а разместить следующую строку с чистой левой (left) или правой (right) границы или с обеих (all) границ окна браузера. Если вы не хотите, чтобы браузер автоматически переносил строку, то можете обозначить ее тэгами <NOBR> и </NOBR>. В этом случае Web-браузер не будет переносить строку, даже если она выходит за границы экрана. Вместо этого появится горизонтальная полоса прокрутки окна браузера. Если вы .все же хотите разбить данную строку на две, но в строго определенном месте, вставьте тэг <WBR>.
В табл. 19.2 приведены основные тэги HTML.
Таблица 19.2. Список базовых гэгов HTML
|
Стартовый |
Завершающий |
Описание |
|
<HTML> |
</HTML> |
Обозначение HTML-документа |
|
<HEAD> |
</HEAD> |
Заголовочная часть документа |
|
<TITLE> |
</TITLE> |
Заголовок документа |
|
<BODY> |
</BODY> |
Тело документа |
|
<H1> - <Нб> |
</H1> - </H6> |
Заголовок абзаца с первого по шестой уровень |
|
<Р> |
</P> |
Абзац |
|
<PRE> |
</PRE> |
Форматированный текст |
|
<BR> |
|
Перевод строки без конца абзаца |
|
<FONT SIZE = n> |
</FONT> |
Управление размером шрифта символов |
|
<B> |
</B> |
Жирный текст |
|
<I> |
</I> |
Наклонный текст |
|
<TT> |
</TT> |
Непропорциональный текст |
|
<HR> |
|
Горизонтальная линия |
|
<TABLE> |
</TABLE> |
Таблица |
|
<TR> |
</TR> |
Строка таблицы |
|
<TD> |
</TD> |
Ячейка таблицы |
|
<A HREF="URL"> |
</A> |
Гиперссылка |
Описанные выше тэги — это все, что необходимо вам для того, чтобы начать работать с HTML. Используя данные тэги, вы можете создать простой HTML-документ. Однако, прочитав следующие разделы, вы сможете существенно улучшить внешний вид ваших документов и узнать о других возможностях HTML.
назад | содержание | вперед