Сайт по Электронике и Web-разработке
Как сделать свой сайтКак сделать свой сайт
На странице размещена информация по форматированию HTML текста и созданию общего дизайна текста страницы, при помощи тегов HTML.

Форматирование HTML

Форматирование HTML

Форматирование текста

Объекты мультимедиа, рисунки, и тексты HTML документов хранятся в основном разделе. Про основной раздел Вы можете узнать из моей статьи, где описываются основные дескрипторы HTML. Десктипроры основного раздела подразделяют на текстовые и блочные . Первые применяют при форматировании отдельных символов и слов, а вторые - для фоматирования абзацев. Пример использования блочного дескриптора показан ниже:

<p>Объекты мультимедиа, рисунки, и тексты HTML документов хранятся в основном разделе.</p>

Пара блочных тегов <P>...</P> указывает начало и окончание абзаца, создает объект обзаца. Текст и другие блочные элементы HTML разметки, заключенные между парой блочных тегов, принадлежат этому абзацу. Установки параметров тегов применяются ко всему заключеннному между ними тексту.

Теперь поговорим о том как форматировать текст с помощью HTML тегов - текстовых дескрипторов. С помощью текстовых дескрипторов может быть выделена фраза, слово, один или несколько символов в слове. Иногда при форматировании текста нам может потребоваться сделать выделение части текста, подчеркнуть или зачеркнуть текст для большей выразительности.

В этих случаях можно восполььзоваться HTML тегами <b>, <strong>, <ins>, <del>, <sub>, <sup>, <span> и др. Все эти теги являются парными, они являются контейнерами для некоторого текста. Теги <b>, <strong> работают одинаково. Эти теги выделяют текст жирно <strong>ТехтТехтТехт</strong> или <b>ТехтТехтТехт</b>.

Если хотите подчеркнуть текст или его часть, то можно использовать тег <ins>ТекстТекстТекст</ins>. Для зачеркивания текста служит тег <del>ТекстТекстТекст</del>.

Рассмотрим теперь оставшиеся два тега <sub> и <sup>. Тег <sub> необходим для расположения ниже основного текста ТехтТехтТехт, а <suр> выше основного ТехтТехтТехт. С помощью тега <span> можно отформатировать любую часть текста в нутри какого либо контейнера, задать шрифт, размер шрифта, цвет и многое другое.

Пара текстовых тегов <I>...</I> сообщает обозревателю, что слова <<...>> следует отобразить курсивом.

Текстовые теги могут быть созданы динамически, например с помощью сценария JavaScript или PHP.

Управление пробелами и отступами текста

Обозреватель игнорирует символы пробелов в тексте, и символы табуляции. Текстовые редакторы не подходят для форматирования HTML документов. Для того чтобы можно было управлять пробелами на Web-странице, существует несколько способов: способ первый - можно добавить код пробела перед текстом, способ второй - основан на свойстве тега <blockquote>, третий способ - воспользуемся свойством <text-indent> таблиц стилей CSS и четвертый основан на использовании html тега <Pre>...</Pre>.

Спосб использования тега <blockquote> не всегда удобен, так как всегда делает один и тот же отступ - 40px. Свойство параметра <text-indent> таблиц стилей CSS является самым оптимальным, но рассмотрим еще спосб задания отступа с помощью html тега <Pre>...</Pre>. Текст обрамленный тегом <Pre>...</Pre> заставляет обозреватель учитывать каждый пробел и символ табуляции на Web-странице.

Назад в рубрику