Оформление Текста html - Домашний бизнес

~~Зачеркнутый текст~~	<s>Your text</s>
Подчеркнутый текст	<u>Your text</u>
Выделенный жирным	<b>Your text</b>
`мелкий текст`	<samp>Your text</samp>
Увеличенный текст	<big>Your text</big>
наклонный текст	<i>Your text</i>
Жирный,наклонный текст	<b><i>Your text</i></b>
Подчеркнутый-жирный,наклонный текст	<u><b><i>Your text</i></b></u>
мелкий текст	<small>Your text</small>
Такой текст^текст	TEXT<sup>text</sup>
Или такой_текст	TEXT<sub>text</sub>

Такой текст

Your text

Такой текст

Your text

Такой текст

Your text

Такой текст
Your text

Такой текст
Your text

Супермелкий шрифт. Например: Я тебя люблю Или: Я тебя люблю

Минимальное значение font-size:1pt (самый мелкий)
Аналогично делается суперкрупный шрифт.

Меняем вид шрифта:
Your very intresting text

Your very intresting text

На заметку: typetester.org — полезный сайт для желающих поэкспериментировать с текстом

Your very intresting text

TEXT

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

YOUR TEXT

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

Your text

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

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

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

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

Посмотреть сочетаемость цветов

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

Текст

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

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

Текст, подчеркнутый точками

Текст, подчеркнутый точками

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

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

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

Текст

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

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

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

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

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

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

На заметку:

Тег span (строчный) во всех приведенных примерах можно заменять на div (блочный элемент) и получим (на примере выше):

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

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

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

Получим:

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

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

Сервисы для подбора цвета:

№ 1 | № 2 | № 3

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

Так называемый “спойлерный” текст, проявляющийся при его выделении. Типа:
“А убийцей в том кино был дворецкий”

Так называемая “буквица”: Mirzam.ru —Прекрасный сайт…

Mirzam.ru Прекрасный сайт…

Еще красивый текст html, просто поменяйте в коде Monotype Corsiva на приведенные ниже. Получите отличный шрифт для сайта

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

Основной текст

Текст “наоборот”:
Повернуть текст задом-наперед

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

Расстояние между словами

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

Большие расстояние между словами

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

Расстояние между буквами

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

А здесь задано расстояние между строками по вертикали пятьдесят пикселей

А здесь задано расстояние между строками по вертикали пятьдесят пикселей

<div style="line-height:50px;">Расстояние между строками</div>

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

Невидимый фрагмент записи