ИНФОРМАЦИЯ,    ДИЗАЙН,    ПЕРЕВОДЫ,    РЕКЛАМА   .   .   .
w a p - с а й т
Информационный портал
Сегодня:  
admin@aranea.ru
+79068922256

  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>

← Назад | Вперед →
Copyright ©  aranea.ru