Оформление Текста html

Зачеркнутый текст
Подчеркнутый текст
Выделенный жирным
мелкий текст
Увеличенный текст
наклонный текст
Жирный,наклонный текст
Подчеркнутый-жирный,наклонный текст
мелкий текст
Такой тексттекст
Или такойтекст

Такой текст

Такой текст

Такой текст



Такой текст


Такой текст


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

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

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


Your very intresting text

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

Your very intresting text


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


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


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


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



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


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


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


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


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


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


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


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


    На заметку:

    Тег span (строчный) во всех приведенных примерах можно заменять на div (блочный элемент) и получим (на примере выше):
    Ваш текст в объемной 3D-рамке
  • то бишь рамку на всю ширину поста.

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

    Получим:

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


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

    № 1 |  № 2 |  № 3

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


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

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

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


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


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


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


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


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


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


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


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


    Приподнять
    одну фразу

    на 5 пикселей над текстом


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


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

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


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

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


    Выделение цитаты в тексте.
    Пример:


    В Интернете много сайтов о «заработке в сети»
    Mirzam.ru — Самый лучший


    Эффект с подсветкой текста (наведите курсор на текст):
    в некоторых блогсервисах (жж) может не работать

    Mirzam.ru — Лучший сайт Рунета

    Кнопка на сайт:»MIRZAM.RU»



    Adblock detector
    X