Сайт посвященный WEB Дизайну
Статьи по:





Rambler's Top100

Заработай на своем сайте

Закажи рекламу на Rambler.ru, Mail.ru, Aport.ru! От 5 долларов за все!

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

В этом разделе описаны элементы для оформления и смыслового выделения текста - подчеркивания, изменения шрифта, выделения курсивом, цитирования и т.д.

Элементы форматирования текста:

<FONT> Позволяет изменять цвет, размер и тип шрифта текста
<I> Выделяет текст курсивом
<EM> Используется для смыслового выделения текста (курсивом)
<B> Выделяет текст жирным шрифтом
<STRONG> Усиленное выделение текста (жирным)
<U> Выделяет текст подчеркнутым
<S> Выделяет текст перечеркнутым
<BIG> Отображает текст увеличенным шрифтом (относительно текущего)
<SMALL> Отображает текст уменьшенным шрифтом (относительно текущего)
<SUP> Отображает текст со сдвигом вверх (верхний индекс)
<SUB> Отображает текст со сдвигом вниз (нижний индекс)
<CODE>,< SAMP> Оформляют текст как формулу или программный код
<TT> Отображает текст моноширинным шрифтом
<KBD> Выделяет текст, который предлагается набрать на клавиатуре
<VAR> Используется для обозначения в тексте переменных
<CITE> Оформляет текст как цитату или ссылку на источник

Тег <font>

Тег <font> определяет выводимый шрифт, его цвет и размер. Закрывающий тег требуется

Атрибуты

color Устанавливает цвет текста, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет, либо используя константы цвета, например для зеленого цвета<font color= "green">
face Определяет гарнитуру шрифта
size Размер текста в пределах от 1 до 7,где 1 - самый мелкий шрифт. По умолчанию равен 3

Примечание: Атрибуты можно объединять
Пример

Это обычный текст
А это уже текст с использованием тега <font size=1>
Текст с использованием шрифта семейства courier
Используем тег <font size=5 color="blue">



Тег <I> и обязательный парный ему </I>

Тег <I> создает наклонный текст

Пример

Это обычный текст
А это уже наклонный текст с использованием тега <I>

Тег <EM> и обязательный парный ему </EM>

Тег <em> используется для выделения, подчеркивания важных фрагментов текста курсивом (наклонный текст). Происходит от слова emphasis - акцент. Аналогичен тегу <I>

Пример

Это обычный текст
А это уже текст с использованием тега <em>

Тег <B>

Тег <B> создает жирный текст. Закрывающий тег обязателен

Пример

Это обычный текст
А это уже жирный текст с использованием тега <B>

Тег <strong> и обязательный парный ему </strong>

Тег <strong> используется для выделения из текста слова (жирный текст). Происходит от слова strong emphasis - сильный акцент. Аналогичен тегу <B>

Пример

Это обычный текст
А это уже текст с использованием тега <strong>

Тег <U> и обязательный парный ему </U>

Тег <U> указывает, что текст должен быть подчеркнут

Пример

Это обычный текст
А это уже текст с использованием тега <U>

Тег <S> и обязательный парный ему </S>

Тег <S> указывает, что текст должен быть зачеркнут

Пример

Это обычный текст
А это уже текст с использованием тега <S>

Тег <BIG> и обязательный парный ему </BIG>

Тег <BIG> выводит более крупный текст

Атрибуты

title Показывает текст в виде всплывающей подсказки
Пример

Это обычный текст
А это уже более крупный текст с использованием тега <BIG>

Тег <SMALL> и обязательный парный ему </SMALL>

Тег <SMALL> выводит более мелкий текст

Атрибуты

title Показывает текст в виде всплывающей подсказки
Пример

Это обычный текст
А это уже более мелкий текст с использованием тега <SMALL>

Тег <SUP> и обязательный парный ему </SUP>

Тег <SUP> приподнимает текст

Пример

Текст с использованием тега <SUP>
42 = 16

Тег <SUB> и обязательный парный ему </SUB>

Тег <SUB> приспускает текст

Пример

Текст с использованием тега <SUB>
Формула воды - H2O

Тег <CODE> и обязательный парный ему </CODE>

Тег <CODE> отмечает текст как небольшой фрагмент программного кода. Обычно отображается моноширинным шрифтом

Атрибуты

title Показывает текст в виде всплывающей подсказки
Пример

Это обычный текст
А это уже текст с использованием тега <CODE>

Тег <SAMP> и обязательный парный ему </SAMP>

Тег <SAMP> отмечает текст как образец (sample). Используется для отметки текста, выдаваемого программами. Отображается моноширинным шрифтом

Пример

Это обычный текст
А это уже текст с использованием тега <samp>

Тег <TT> и обязательный парный ему </TT>

Тег <TT> создает текст, имитирующий стиль печатной машинки

Пример

Это обычный текст
А это уже текст с использованием тега <TT>,имитирующий стиль печатной машинки

Тег <KBD> и обязательный парный ему </KBD>

Тег <KBD> отмечает текст, вводимый пользователем с клавиатуры. Отображается моноширинным шрифтом. От английского keyboard - клавиатура

Пример

Для запуска Windows наберите: win.

Код для примера
Для запуска Windows наберите: <kbd>win</kbd>

Тег <VAR> и обязательный парный ему </VAR>

Тег <VAR> используется для выделения переменных в листинге программы. Обычно такой текст отображается курсивом. От английского variable - переменная

Пример

function() - фунция

Код для примера
<var>function()</var> - фунция

Тег <CITE> и обязательный парный ему </CITE>

Тег <CITE> используется для цитат, названий книг. Обычно наклонный текст

Атрибуты

title Показывает текст в виде всплывающей подсказки
Пример

Это обычный текст
А это уже текст с использованием тега <CITE>
Hosted by uCoz