Презентационные теги HTML

Презентационные теги HTML

Если вы используете текстовый редактор, то Вы знакомы с возможностью сделать текст полужирным, курсивным или подчеркнутым. Давайте же узнаем, каким образом это можно сделать в HTML. Для этого существуют так называемые "презентационные теги". Сейчас мы рассмотрим все презентационные теги и на примерах увидим их функции.
 

Тег <b>, полужирный шрифт

Весь текст, который будет размещаться между тегами <b> и </b> будет отображаться жирным шрифтом, пример кода:

<p>это обычный шрифт <b>это жирный шрифт</b></p>

Это даст следующий результат:

это обычный шрифт это жирный шрифт

Тег <i>, курсивный шрифт

Весь текст, который будет размещаться между тегами <i> и </i> будет отображаться курсивным шрифтом, пример кода:

<p>это обычный шрифт <i>это курсивный шрифт</i></p>

Это даст следующий результат:

это обычный шрифт это курсивный шрифт

Тег <u>, подчеркнутый текст

Весь текст, который будет размещаться между тегами <u> и </u> будет подчеркнутым тонкой линией, пример кода:

<p>это обычный текст <u>это подчеркнутый текст</u></p>

Это даст следующий результат:

это обычный текст это подчеркнутый текст

Тег <strike>, зачеркнутый текст

Весь текст, который будет размещаться между тегами <strike> и </strike> будет зачеркнутым тонкой линией, пример кода:

<p>это обычный текст <strike>это зачеркнутый текст</strike></p>

Это даст следующий результат:

это обычный текст это зачеркнутый текст

Тег <tt>, моноширинный шрифт

Весь текст, который будет размещаться между тегами <tt> и </tt> будет прописан моноширинным шрифтом. Этим шрифтом, по-умолчанию, пишется html-код страниц. Так почему же он называется "моноширинным" и для чего он нужен, спросите Вы? Дело в том, что не все буквы имеют одинаковую ширину. Например, буквы "m" и "i" имеют разную ширину. Доказано, что html-код воспринимается лучше, когда все символы имеют одинаковую ширину. Именно для этого и был разработан моноширинный шрифт, который придает одинаковую ширину всем буквам. Вот пример кода:

<p>это обычный шрифт <tt>это моноширинный шрифт</tt></p>

Это даст следующий результат:

это обычный шрифт
это моноширинный шрифт

Тег <sup>, надстрочный текст

Весь текст, который будет размещаться между тегами <sup> и </sup> будет отображаться выше чем основная строка, пример кода:

<p>это обычный текст<sup>это надстрочный текст</sup></p>

Это даст следующий результат:

это обычный текстэто надстрочный текст

Тег <sub>, подстрочный текст

Весь текст, который будет размещаться между тегами <sub> и </sub> будет отображаться ниже чем основная строка, пример кода:

<p>это обычный текст<sub>это подстрочный текст</sub></p>

Это даст следующий результат:

это обычный текстэто подстрочный текст

Тег <big>, большой шрифт

Весь текст, который будет размещаться между тегами <big> и </big> будет прописан шрифтом, размер которого будет больше чем размер окружающего текста, пример кода:

<p>это обычный шрифт <big>это большой шрифт</big></p>

Это даст следующий результат:

это обычный шрифт это большой шрифт

Тег <small>, маленький шрифт

Весь текст, который будет размещаться между тегами <small> и </small> будет прописан шрифтом, размер которого будет меньше чем размер окружающего текста, пример кода:

<p>это обычный шрифт <small>это маленький шрифт</small></p>

Это даст следующий результат:

это обычный шрифт это маленький шрифт

Как видите, эти презентационные теги легко запоминаются и просты в применении. В современных условиях эти теги в большей степени уже не используют в самом html-коде. Теперь они чаще используются в CSS. Но все равно используйте их для улучшения эстетического вида текстового контента Вашего сайта.

Ставив лайк Вы помогаете сайту :)

Статьи по теме:
Рейтинг:
5.0/5 из 3
Категория: Учебник HTML | Добавил: zaharchuk (06.03.2014)
Просмотров: 4224 | Комментарии: 1
Комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]