HTML для Текста

HTML для Текста

HTML для Текста

Здравствуйте ! Уважаемый посетитель моего Блога.

Сегодня, я предоставляю Вам, подборку кодов HTML для текста. Помню как сам совсем недавно мучился, в поиске, по данному вопросу, когда была потребность вставить текст в рамку. Надеюсь, что каждый из Вас найдет здесь для себя что нибудь полезное.

Налетай, забирай, вставляй — оформляй свой блог!

html текст слева
текст в рамке html
html шрифт текста
мигающий текст html
невидимый текст html
скрытый текст +в html
выделение текста html
зачеркнутый текст html
html подчеркнутый текст
и многое другое:

HTML для Текста

Your text
Your text
Your text
Your text
Your text
Your text
Your text
Your text
Your text
TEXTsup
TEXTsub

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


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


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


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


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





  • Посмотреть сочетаемость цветов Yandex.ru




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


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


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


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


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


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


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


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


    На заметку:

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

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

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

    Размеры блока div задаются атрибутами:

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

    Получим:

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






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

     Artlebedev.ru
    Ficml.orgliveJournal.com




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


    Так называемый «спойлерный» текст, проявляющийся при его выделении. Выделите текст и уведите все сами. Пример:



    «Кого я уважаю больше всех на своем Блоге ВАС! Уважаемый мой посетитель«



    Так называемая «буквица»: В конце концов ……


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

    Ваш Уникальный креативный текст


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


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


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


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


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


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

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


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


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


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


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

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


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

    Раз, Два, Три Здравствуй! Уважаемый Посетитель моего Блога


    Выделение цитаты в тексте.
    Пример:
    Не забывайте оставлять момментарий на блоге:

    Блог мой, дорогой http://1.pro2711.ru! Ты – еще новичек в Интернете.


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


    Светить Всегда, Светить Везде – до дней последних до конца! Светить – и никаких гвоздей!
    Прошу тебя моя Звезда!
     

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


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

    МОЙ ЗАМЕЧАТЕЛЬНЫЙ И КРЕАТИВНЫЙ ТЕКСТ


    Разбить текст на две колонки:

    текст левой колонки

    текст правой колонки

    Код:
    <table width=100%>

    <tr><td width=50%>

    текст левой колонки

    <td width=50%>

    текст правой колонки

    </table>


    Правильное (и уважительное) указание автора под скопированным текстом (цитатой) с всплывающей доп. информацией при наведении курсора
    Пример

    © Семенов Александр


    “Тег-закрепитель” (фиксирует текст так, как и расположите его в поле поста):
    Добро пожаловать
    На
    Блог http://1.pro2711.ru !!!

    Есть особенность. Текст, заключенный в тег pre отобразится в окне браузера так называемым «моноширинным» шрифтом. Обычно в качестве такого шрифта используется Courier New. Если вас это не устраивает, воспользуйтесь встроенными стилями и назначьте свой шрифт:

    C
         Новым
                   Годом!


    Текст, обтекаемый другим текстом:

    Первые ситкомы, как правило, снимались в студии, перед публикой, поэтому для них характерен закадровый смех.

    Ситком устроен по-другому, нежели фильм, где стиль игры более реалистичный. Обычно на съемках 95% ситкомов есть живая публика, аудитория, смех которой и звучит за кадром. Это преувеличенный стиль игры, голоса должны передавать больше эмоций и быть просто громче; много не вполне естественной мимики и жестов.


    Быстро написать так:
    Я РАД ВАС ВИДЕТЬ НА БЛОГЕ HTTP://1.PRO2711.RU


    Можно сделать здесь Нажать

    Ну вот, на сегодня вроде бы и все! Надеюсь, что html для текста Вам пригодится.Желаю Всем удачи !

    С Уважением! Семенов Александр Skype: atamansav

  • 2 Comments on HTML для Текста

    1. Наталья // 14.12.2010 at 01:35 //

      Саша, как всегда удивил и порадовал! Какую работу ты проделал! Молодец!

    2. Влодимир // 23.02.2011 at 11:50 //

      Александр я » Чайник » притом в возрасте,но у меня большое желание научиться
      и Ваши статьи в этом мне помогают.
      Я очень, очень Вам благодарен.
      Владимир

    Leave a comment

    Your email address will not be published.


    *