2010-08-23

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

<samp>Ваш текст</samp> - небольшой;
<small>Ваш текст</small> - Маленький;
<font style="font-size:1pt;">Ваш текст</font> - Очень маленикий;
 <b><i>Ваш текст</i></b> - Полужирный курсив;
Ваш текст<sup>sup</sup> - Ваш текст sup (Верхний индекс);
Ваш текст<sub>sub</sub> - Ваш текстsub( нижний индекс);
<span style="color:blue">Синий текст текст</span></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> 

4 комментария :

mister комментирует...

Очень, очень интересно! Применил у себя на блоге. Поэкспериментировал с тегами. Возьму на заметку.

Анна комментирует...

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

Анонимный комментирует...

Красный текст подчеркнутый синей линией - цвета наоборот :)

Mycrib комментирует...

Бывает ))

Отправить комментарий

Комментарии, содержащие ненормативную лексику, спам, оскорбления, публиковаться не будут. Ели вы хотите опубликовать код в комментарии, то воспользуйтесь encoder HTML
Публикуя комментарии, вы соглашаетесь с политикой конфиденциальности