< htmlka >

Your text

<font size="+4">Your text</font>

Your text

<font size="+3">Your text</font>

Your text

<font size="+2">Your text</font>
Your text
<font size="+1">Your text</font>
Your text
<font size="-2м>Your text</font>
Your very intresting text
<font face="Monotype Corsiva">Your very intresting text </font>
Your very intresting text
<font color="FF0000">Your very intresting text</font>
TABLE OF COLORS (HTML)            WHEEL OF COLORS (JAvA)

Your very intresting text

<font face="Monotype Corsiva" size="+2" color="FF0000">TEXT</font>

СИНИЙ ТЕКСТ ПЕРЕЧЕРКНУТ КРАСНОЙ ЛИНИЕЙ

<span style="color:red;text-decoration:line-through;"><span style="color:blue">YOUR TEXT</span></span>

Синий текст подчеркнут красной линией

<span style="color:red;text-decoration:underline;"><span style="color:blue">Your text</span></span>

Синий текст в красной рамке

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

Цветной текст с цветным фоном

<span style="background-color:blue; color:white; padding:3px;">Цветной текст с цветным фоном</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 lime;">Текст, подчеркнутый пунктиром</span>

Текст, подчеркнутый двойной чертой

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

Текст, окаймленный разноцветным пунктиром

<span style=border-style:dashed; border-top-color:blue; border-bottom-color:red; padding:5px;> Текст </span>

Текст в двойной рамке

<span style="border-style: double; padding:3px;">Текст в двойной рамке</span>

Цветной текст в двойной цветной рамке

<span style="border-style: double; color: green; padding:3px;"><span style="color:blue;">Цветной текст в двойной цветной рамке</span></span>

Ваш текст в объемной 3D-рамке

<span style="border-width:thick; border-style:groove; padding:4px; border-color:#FF5730"> Ваш текст в объемной 3D-рамке</span>

то бишь рамку на всю ширину поста.

Размеры блока div задаются атрибутами:
div style=width:200px; height:50px;
где width:200px; - ширина блока 200 пикселей,
height:50px; - высота блока 50 пикселей

Получим:

<div style="width:200px; height:50px; border-width:thick; border-style:groove; padding:4px; border-color:#FF5730"> Ваш текст </div>

Аббревиатура: HTML

<acronym title="Hiper Text Markup Language">HTML</acronym>

Так называемый “спойлерный” текст, проявляющийся при его выделении. Типа:
“А убийцей в том кино был дворецкий”
<span style="background-color:#FFFFFF; color:#FFFFFF">спойлерный текст</span>

Так называемая “буквица”: В некотором царстве…

<font size="+4" face="Monotype Corsiva" color="#0000FF">В</font> <i>некотором царстве…</i>

Всплывающее окошко с пояснением при наведении на текст курсора (подведите курсор к следующему тексту):

Ваш офигительно креативный текст

<p title="Пояснительный текст">Основной текст</p>

Текст “наоборот”:
Повернуть текст задом-наперед
<bdo dir="rtl">Повернуть текст задом-наперед</bdo>

<div style="word-spacing: 20px;">Расстояние между словами</div>

<div style="word-spacing: 40px;">Больше расстояние между словами</div>

<div style="letter-spacing: 10px;">Расстояние между буквами</div>

Невидимый фрагмент записи (интересно, что невидим даже в OperaMini, хотя мобильные браузеры игнорируют многие стилевые настройки):

<div style="visibility: hidden;">Невидимый фрагмент записи</div>

Еще способ скрыть текст:

<!– Ваша служебная невидимая пометка –>

Приподнять одну фразу на 5 пикселей над текстом

Приподнять <span style="position: relative; top:-5px;">фразу</span> над текстом

Опустить на 5 пикселей одну фразу ниже уровня текста

Опустить <span style="position: relative; bottom:-5px;">фразу</span> под текст

Повернуть текст на 90 градусов (работает только в IE):

Раз, два, три, четыре, пять, шесть, семь

<span style=writing-mode:tb-rl;>Текст</span>

Следующий трюк, напротив, работает только в Opera и Mozilla FF:

Раз, два, три, четыре, пять, шесть

<span style=text-decoration:blink;>TEXT</span>

Написать текст, имея фоном картинку:

<div style="font-size: 15px; font-weight: bold; font-family: Georgia; color: white; padding: 8px; background-image:url("URL картинки");"> ТЕКСТ</div>

Лучше брать маленькую картинку - она будет автоматом повторяться, пока продолжается текст. Атрибутами width и height в % или px (пикселах) можно задать определенный размер фоновой области