Способы выделения текста HTML

<samp>Ваш текст</samp> - Небольшой;

<small>Ваш текст</small> - Маленький;

<font style="font-size:10pt;">Ваш текст</font> - Ваш текст

<b><i>Ваш текст</i></b> - Полужирный курсив;

Ваш текст<sup>sup</sup> - Ваш текст sup (Верхний индекс);

Ваш текст<sub>sub</sub> - Ваш текстsub( нижний индекс);

С помощью тега span

<span style="color:blue">Синий текст текст</span> - Синий текст текст

Синий текст в красной рамке - <span style="border:2px solid red; padding:3px;"><span style="color:blue;">Синий текст в красной рамке</span></span>

Красный текст на синем фоне - <span style="background-color: blue; color: red; padding: 3px;">Красный текст на синем фоне</span>

Синий текст зачеркнутый красной чертой - <span style="color:red;text-decoration:line-through;"><span style="color:blue">Ваш текст </span></span> ;

Красный текст подчеркнутый синей линией - <span style="color:red;text-decoration:underline;">

<span style="color:blue">Ваш текст</span></span>
Белый текст на синем фоне в красной рамке - <span style="background-color:dodgerblue; color:white;
padding:3px; border:3px solid red;">Ваш текст</span>

Текст, подчеркнутый красным пунктиром - <span style="border-bottom: 2px dashed red;">Ваш текст</span>

Текст, подчеркнутый красными точками - <span style="border-bottom: 3px dotted red;">Ваш текст</span>

Текст, подчеркнутый красной двойной чертой - <span style="border-bottom: double red;">Ваш текст</span>

Posted in HTMLПомеченные
4 ответа к «Способы выделения текста HTML»
  1. Очень, очень интересно! Применил у себя на блоге. Поэкспериментировал с тегами. Возьму на заметку.

  2. Очень нужные статьи для начинающих. Написаны статьи понятно, даны примеры, это замечательно. Большая благодарность автору статей.

Добавить комментарий

Ваш адрес email не будет опубликован.