Файл: work/html_teach/05.php
Строк: 55
<?
require '../../config.php';
$title = 'Учебник HTML';
include '../../style/head.php';
aut();
who_add(0, 'servise');
?><html><head>
<title> HTML учебник / Тэги тела документа</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="HTML учебник Тэги тела документа ">
<meta name="description" content="HTML учебник: Тэги тела документа ">
</head>
<body marginheight="0" marginwidth="0" topmargin="0" leftmargin="0" text="#333333" link="#333333" vlink="#333333" bgcolor="#f0f7ef">
<table width="80%" align="center"><tr><td>
<!--заголовок--><table width="100%" cellpadding=1 cellspacing=0 border=0 bgcolor=#647062><tr><td><table width="100%" cellpadding=3 cellspacing=0 border=0 bgcolor=#ffffff><tr><td class=r align=middle><A href="index.php">Содержание</a> / Тэги тела документа </td></tr></table></td></tr></table><!--//-->
<h2>Тэги тела документа</h2>
<P>Тэги тела документа идентифицируют отображаемые в окне компоненты
HTML-документа. Тело документа может содержать ссылки на другие
документы, текст и другую форматированную информацию. </P>
<hr align="left" width="50%" size="1" noshade>
<P><b>Тело документа <BODY> </b></P>
<P>Тело документа должно находиться между тэгами <BODY> и
</BODY>. Это та часть документа, которая отображается как
текстовая и графическая (смысловая) информация вашего документа. </P>
<hr align="left" width="50%" size="1" noshade>
<P><b>Уровни заголовков <Hx> </b></P>
<P>Когда пишется HTML-документ, текст структурно делится на просто
текст, заголовки частей текста, заголовки более высокого уровня и
т.д. Первый уровень заголовков (самый большой) обозначается цифрой
1, следующий - 2, и т.д. Большинство броузеров поддерживает
интерпретацию шести уровней заголовков, определяя каждому из них
собственный стиль. Заголовки выше шестого уровня не являются
стандартом и могут не поддерживаться броузером. Заголовок самого
верхнего уровня имеет признак "1". Синтакс заголовка уровня 1
следующий: </P><PRE> <H1> Заголовок первого уровня </H1> </PRE>
<P>Заголовки другого уровня могут быть представлены в общем случае
так: </P><PRE> <Hx> Заголовок x-го уровня </Hx> </PRE>
<P>где x - цифра от 1 до 6, определяющая уровень заголовка. </P>
<hr align="left" width="50%" size="1" noshade>
<P><b>Тэг абзаца <P> </b></P>
<P>В отличии от большинства текстовых процессоров, в HTML-документе
обычно игнорируются символы возврата каретки. Физический разрыв
абзаца может находиться в любом месте исходного текста документа
(для удобства его читаемости). Однако броузер разделяет абзацы
только при наличии тэга <P>. Если вы не разделите абзацы тэгом
<P>, ваш документ будет выглядеть как один большой абзац. </P>
<P>Дополнительные параметры тэга <P>: </P>
<P><TT><P <B>ALIGN=left|center|right</B>></TT> </P>
<P>позволяют выравнивать абзац по левому краю, центру и правому краю
соответственно. </P>
<hr align="left" width="50%" size="1" noshade>
<P><b>Центрирование элементов документа </b></P>
<P>Вы можете центрировать все элементы документа в окне броузера.
Для этого можно использовать тэг <CENTER>. </P>
<P align=center>Все элементы между тэгами <TT><CENTER></TT> и
<TT></CENTER> <BR></TT>будут находиться в центре окна </P>
<hr align="left" width="50%" size="1" noshade>
<P><b><A name=PreTag></A></b></P>
<P>Тэг преформатирования <PRE> </P>
<P>Тэг преформатирования, <PRE>, позволяет представлять текст
со специфическим форматированием на экране. Предварительно
сформатированный текст заканчивается завершающим тэгом </PRE>.
Внутри предварительно сформатированного текста разрешается
использовать:
<UL>
<LI>перевод строки
<LI>символы табуляции (сдвиг на 8 символов вправо)
<LI>непропорциональный шрифт, устанавливаемый броузером </LI></UL>
<P>Использование тэгов, определяющих формат абзаца, таких как
<Hx> или <ADDRESS>, будет игнорироваться броузером при
помещении их между тэгами <PRE> и </PRE>. </P>
<P>Далее идет несколько более подробный пример, собранный из
предыдущих: </P><PRE> <HTML>
<HEAD>
<TITLE> Список сотрудников </TITLE>
</HEAD>
<BODY>
<H2> Список сотрудников нашей фирмы </H2>
<H3> Составлено : 30 июля 1996 года </H3>
Данный список содержит фамилии, имена и отчества
всех сотрудников нашей компании. <P>
Список может быть использован только в служебных целях. <P>
</BODY>
</HTML> </PRE>
<P><b><i>Вот, что вы увидите на экране броузера: </i></b></P>
<table border="1"><tr><td>
<H2 align=center>Список сотрудников нашей фирмы </H2>
<H3 align=center>Составлено : 30 июля 1996 года </H3>
<P>Данный список содержит фамилии, имена и отчества всех сотрудников
нашей компании. </P>
<P>Список может быть использован только в служебных целях. </td></tr></table>
<UL>
<P><B>Внимание!</B> Заголовок "Список сотрудников" не отображен
броузером как часть документа. Он появится в заголовке окна
броузера. </P></UL>
<hr align="left" width="50%" size="1" noshade>
<P><b>Разрыв строки <BR> </b></P>
<P>Тэг <BR> извещает броузер о разрыве строки. Наилучший
пример использования данного тэга - форматированный адрес или любая
другая последовательность строк, где броузер должен отображать их
одну под другой. Например: </P>
<P><TT>Алексей Ярцев <BR> <BR>Дмитровское шоссе, <BR>
<BR>д.9Б, офис 326 <BR></TT> </P>
<P>Дополнительный параметр позволяет расширить вохможности тэга
<BR>. </P>
<P><TT><BR <FONT size=1><B>CLEAR=left|right|all</B></FONT> >
</TT></P>
<P>Данный параметр позволяет выполнить не просто перевод строки, а
разместить следующую строку, начиная с чистой левой (left), правой
(right) или обоих (all) границ окна броузера. Например, если рядом с
текстом слева встречается рисунок, то можно использовать тэг
<BR> для смещения текста ниже рисунка: </P>
<P><TT><p> Как вы можете видеть, данная схема демонстрирует
связь<BR CLEAR=left> <BR><img
src="http://www.softexpress.com/images/schema1.gif"
align=baseline> <BR>Мастер/Деталь </p></TT> </P>
<hr align="left" width="50%" size="1" noshade>
<P><b>Неразрывная строка <NOBR> </b></P>
<P>Если вы не хотите, чтобы броузер автоматически переносил строку,
то вы можете обозначить ее тэгами <NOBR> и </NOBR>. В
этом случае броузер не будет переносить строку даже если она выходит
за нраницы экрана; вместо этого броузер позволит горизонтально
прокручивать окно. Например: </P>
<P><TT><NOBR> Данная строка является самой длинной строкой
документа, которая не допускает какого-либо разбиения где бы то ни
было </NOBR></TT> </P>
<P>Если же вы хотите все же позволить разбиение данной строки на
две, но в строго запланированном месте, то вставьте тэг <WBR>
в это место. Например: </P>
<P><TT><NOBR> Данная строка является самой длинной строкой
документа,<WBR> которая не допускает какого-либо разбиения где
бы то ни было </NOBR></TT> </P><PRE> Данная строка является самой длинной строкой документа,
которая не допускает какого-либо разбиения где бы то ни было </PRE>
<hr align="left" width="50%" size="1" noshade>
<P><b>Цитата <BLOCKQUOTE> </b></P>
<P>Данный тэг предназначен для обозначения в документе цитаты из
другого источника. Текст, обозначенный тэгом <BLOCKQUOTE>,
отступает от левого края документа на 8 пробелов. Например: </P>
<P><TT>На открытии данной конференции глава представительства
произнес: <P> <BR><BLOCKQUOTE> <BR>Сегодня один из
величайших дней для нашей компании. <BR> <BR>Мы открыли новую
технологию, позволяющую нашим клиентам повысить производительность
их настольных систем в несколько раз. <BR></BLOCKQUOTE></TT>
</P>
<P>При отображении броузером данный текст будет выглядеть так: </P>
<P>На открытии данной конференции глава представительства произнес:
</P>
<BLOCKQUOTE>
<P>Сегодня один из величайших дней для нашей компании. <BR>Мы
открыли новую технологию, позволяющую нашим клиентам повысить
производительность их настольных систем в несколько раз.
</P></BLOCKQUOTE>
</td></tr></table>
</body></html>
<?php echo '« <a href="/work/?">В Раздел</a>';
include '../../style/foot.php'; ?>