|
||
|
aranea.ru || Занятия и примеры по HTML | Текстовые блоки
Текстовые блокиЗаголовки: H1, H2, H3, H4, H5, H6Параграфы: P Принудительный обрыв строки: BR Цитаты: BLOCKQUOTE и Q Предварительно отформатированный текст: PRE Блоки DIV и SPAN Центрирование: CENTER Следующие элементы определяют разметку текстовых блоков. Большинство из этих элементов требует начальный и конечный теги. Заголовки: H1, H2, H3, H4, H5, H6С помощью элементов H1, H2, H3, H4, H5, H6 можно выделять заголовки. Атрибуты элементов указаны в этой же ссылке. Пример 15
<HTML>
<HEAD>
<TITLE>
Пример 15
</TITLE>
</HEAD>
<BODY>
<H1> Первый заголовок </H1>
Текст документа 1…
<H2 align='left'> Второй заголовок </H2>
<H3 align='right'> Третий заголовок </H3>
<H4 align='center'> Четвертый заголовок </H4>
<H5> Пятый заголовок </H5>
<H6> Шестой заголовок </H6>
Текст документа 2…
</BODY>
</HTML>
Параграфы: PЭлемент P определяет параграф. При включении текста внутрь тегов <p> и </p>, устройство вывода (браузер) вставляет обрывы строк вначале и в конце текста, выделяя параграф. Пример 16
<HTML>
<HEAD>
<TITLE>
Пример 16
</TITLE>
</HEAD>
<BODY>
<p>Авторы традиционно делят свои мысли и идеи на предложения
в параграфах. Организация информации в параграфах не
подвергается воздействию из-за того, как представляются параграфы:
параграф, выровненный по двум сторонам, содержит те же мысли, что
и параграф, выровненный только слева. </p>
<p>Авторы используют JavaScript для придания динамичности HTML-страницам. </p>
</BODY>
</HTML>
Элемент P может включать изображения и объекты вместе с текстом. Принудительный обрыв строки: BRЭлемент BR используется для принудительного обрыва строки текста. Не рекомендуют вставлять этот элемент внутри элемента P. Обратитесь к разделу "Обтекание текста вокруг объекта" для ознакомления с атрибутом clear. Цитаты: BLOCKQUOTE и QЭлементы BLOCKQUOTE и Q служат для выделения цитат в общем тексте. Результат визуализации зависит от браузера. Пример 17
<HTML>
<HEAD>
<TITLE>
Пример 17
</TITLE>
</HEAD>
<BODY>
<p> ADSL – это технология, чувствительная к расстоянию.
Если длина соединения увеличивается, то качество сигнала
ухудшается, а скорость уменьшается. </p>
<q> Технология ADSL способна предоставить максимальную скорость
трафика из Интернета к пользователю до 8 мегабит в секунду (Mbps)
на расстоянии 1820 метров </q>
<p> Сигнал ADSL не может проходить аналогово-цифровой
переход. </p>
<blockquote> Есть два конкурирующих и несовместимых стандарта
для ADSL. Официальный стандарт ANSI для ADSL – это система,
называемая DMT (discrete multitone) – дискретная
многочастотность. </blockquote>
</BODY>
</HTML>
Предварительно отформатированный текст: PREЭлемент PRE сохраняет формат текста, набранного ранее в каком-либо текстовом редакторе (Например, в БЛОКНОТЕ). Пример 18
<HTML>
<HEAD>
<TITLE>
Пример 18
</TITLE>
</HEAD>
<BODY>
<pre>
Большинство пользователей называют свой DSL трансивер,
как "DSL модем". Инженеры в телефонных компаниях или в
компаниях, предоставляющих связь с Интернетом, называют его
ATU-R. Важно не название, а лишь момент, где данные от компьютера
пользователя или данные из сети попадают в линию DSL.
</pre>
</BODY>
</HTML>
Блоки DIV и SPANЭти элементы (DIV и SPAN) называются группирующими. Сами по себе эти элементы не определяют какого-либо визуального форматирования. Но с помощью атрибутов или стилевых таблиц они могут определять формат для группы элементов. Для понимания различия между DIV и SPAN, обратитесь к разделу 7.5.4 Группирующие элементы: элементы DIV и SPAN. Центрирование: CENTERПо умолчанию текст в окне обозревателя выравнивается по левому краю (если весь текст выводится по умолчанию слева направо.) Устаревающий элемент CENTER размещает свое содержание по центру окна. Пример 19
<HTML>
<HEAD>
<TITLE>
Пример 19
</TITLE>
</HEAD>
<BODY>
<center>
Трансивер может присоединяться к оборудованию пользователя
несколькими путями, хотя большинство установок используют
соединения USB или 10 base-T Ethernet.
</center>
</BODY>
</HTML>
|
