Назад Назад

HTML

CSS

JavaScript

Уроки

Оформляем текст красиво.

Теперь пришло время разобраться с тегами форматирования текста.

Приведу здесь примеры использования основных структурных тегов:

  • <BR> — одиночный тег структурного форматирования, осуществляющий перенос последующего текста на новую строку. Например, Вы хотите разместить стихотворение на своей странице, то после каждой строчки нужно его использовать:

    Белеет парус одинокой<BR>
    В тумане моря голубом. —<BR>
    Что ищет он в стране далекой?<BR>
    Что кинул он в краю родном?<BR>
    Играют волны, ветер свищет,<BR>
    И мачта гнется и скрыпит;<BR>
    Увы! — он счастия не ищет<BR>
    И не от счастия бежит! —<BR>
    Под ним струя светлей лазури,<BR>
    Над ним луч солнца золотой: —<BR>
    А он, мятежный, просит бури,<BR>
    Как будто в бурях есть покой! <BR>

  • <p></p> — контейнерный тег структурного форматирования, создающий новый абзац. <p>

    При этом абзацем считается текст, ограниченный от последующего содержимого пустой строкой. Возьмем простой текст ни о чем и отформатируем его:

    <p>Существуют две основных трактовки понятия «текст»: «имманентная» и «репрезентативная» . Имманентный подход подразумевает отношение к тексту как к автономной реальности, нацеленность на выявление его внутренней структуры. Репрезентативный — рассмотрение текста как особой формы представления знаний о внешней тексту действительности.</p>

    <p>В лингвистике термин текст используется в широком значении, включая и образцы устной речи. Восприятие текста изучается в рамках лингвистики текста и психолингвистики. </p>

    <p>Так, например, И. Р. Гальперин определяет текст следующим образом: «это письменное сообщение, объективированное в виде письменного документа, состоящее из ряда высказываний, объединённых разными типами лексической, грамматической и логической связи, имеющее определённый моральный характер, прагматическую установку и соответственно литературно обработанное».</p>

    Существенное отличие тега <p> - это наличие у него параметров выравнивания. align — параметр, позволяющий задавать выравнивание текста по ширине, по центру, по левому или правому краю. Вот его возможные значения:
    • left — выравнивание по левому краю
    • center — выравнивание по центру
    • right — выравнивание по правому краю
    • justify — выравнивание по ширине

    Например:

    <p align="center ">Текст, выровненный по центру </p>

  • Еще практический каждый текст требует к себе заголовок. Неудобно было бы каждый раз прописывать отдельно каждое заглавие несколькими тегами. Поэтому в HTML существуют специальные теги заголовков, и даже подзаголовков, и под-под-под-под-подзаголовка (заголовка 6-го уровня). Вот такие теги существуют:
    • <H1> — заголовок первого уровня. Самый главный заголовок, самый большой по размеру.
    • <H2> — заголовок второго уровня
    • <H3> — заголовок третьего уровня
    • <H4> — заголовок четвертого уровня
    • <H5> — заголовок пятого уровня
    • <H6> — заголовок шестого уровня. Это под-под-под-под-подзаголовок, самый маленький и используемый редко.
    Название каждого из этих тегов состоит из двух частей: h — сокращения от английского слова header (заголовок) и номера уровня заголовка. Каждый последующий уровень имеет меньший размер шрифта по сравнению с предыдущим. Все шесть тегов являются контейнерными, а значит требуют закрытия. Сам текст заголовка (подзаголовка) помещается внутрь контейнера.
Теперь Вы узнали и про теги форматирования текста, на следующем уроке мы перейдем к практике. Нужно закрепить полученные знания!

Вернуться назад / пойти вперед

Автор: © Сабылина Анастасия
Барнаул, 2012-2013