-Метки

akvis coloriage canva demiart faststone image viewer gimp paint photofiltre studio photopea photoscape photoshopsunduchok pixlr e proshow producer youtube анимация анимация блёстками анимация блики анимация в фш анимация воды анимация глаз анимация движения анимация картинки анимация лучей анимация огня анимация снега анимация текста анимированный текст ася настасья баннеры басманов максим блёстки в фш видео уроки видео уроки фш видеоредактор выкройки вырезать волосы вязание кручком вязание спицами генератор текста генератор фото генератор цвета генераторы текста делаем рамки домашняя фотостудия женский образ живопись запись видео с экрана земфира изменить размер ирина самарина-лабиринт искусство кисти для фш клипарт клипарт девушки клипарты коллаж в корел коллаж в фш коллажи в pfs коллажи в photofiltre studio коллажи в фш коллажи мои коллажи по материалу коллажи по урокам конвертеры контекстное меню лирика маски для фш мерцание мои коллажи моргающие глазки в фш музыка музыкальная открытка накрошаев олег нарезка видео нейросети ольга гражданцева онлайн редактор палитра цвета пейзажи пигментные пятна плавная анимация плагин alien skin плагин prodigital starfilter pro плагины для фш плейлист плетение портативные программы проза жизни размытие фона размытые края в фш рамки рамки в фотошопе рамочка с прокруткой рамочки рамочки от r-oksana рамочки от selesta l рамочки от selesta_l редактирование видео редактирование фото резкость в фш салат салат с кукурузой салаты салфетки символы скачать фильтры скрап зимний скрап новогодний скрапнаборы скриншот скриншоты слайд шоу онлайн создание анимации стихи страна фотошопа схемы весенние схемы зимние схемы летние схемы осенние схемы от agapeo схемы от astra4 схемы от ocean clair схемы от r-oksana схемы от schamada схемы от valniko77 схемы от мариэлла_32 схемы от поэза схемы цветочные тамара арушанова текст в фш текст на картинке текстовые эффекты тесты удаление фона удалить фон уменьшить фото уроки анимации уроки в кореле уроки в сorel уроки в фотошопе уроки коллажей в фш уроки корел уроки ларисы гурьяновой уроки от millada kataleya уроки от misskcu уроки от natali уроки от semenova irina уроки от анты уроки от бэтт уроки от виктории уроки от ларисы гурьяновой уроки по коллажам уроки по фотошопу уроки фш установка плагинов установка фильтров фаина мухамадеева фильтр alien skin фильтр alien skin xenofex 2 фильтр splatter фильтры для фш флеш - игра флеш-игра флешки фоны фоторедактор онлайн фш художники цветы шитьё шнурки эдитор экшен экшены юмор

 -Рубрики

 -Цитатник

ON1 Resize AI 2026 20.3.1.18535 [Multi/Ru]-программа для изменения размера изображений. - (1)

ON1 Resize AI 2026 20.3.1.18535 • Название: ON1 Resize AI 2026 20.3.1.18535 скачать торрент ...

Фоторедактор Perfectly Clear WorkBench 5.0.4.3145. - (1)

Фоторедактор Perfectly Clear WorkBench 5.0.4.3145   • Размер: 223 MB   • ...

Схема "Вербное воскресенье". - (0)

Схема "Вербное воскресенье"

Почему рассада желтеет и скручивается: 2 главных микроэлемента в хелатной форме, которые спасут ваши цветы и овощи. - (0)

Почему рассада желтеет и скручивается: 2 главных микроэлемента в хелатной форме, которые спасут ваши...

Прихватка "Сердечко". - (0)

Прихватка-сердечко: Маленькая деталь, которая сразу делает кухню уютнее и теплее. Сши...

 -Я - фотограф


1 фотографий

 -Подписка по e-mail

 

 -Поиск по дневнику

Поиск сообщений в Tapioka

 -Фотоальбом

Фотоальбом закрыт для неавторизованных и пользователей из черного списка. Зарегистрироваться!

 -Приложения

  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Всегда под рукой Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
  • Перейти к приложению Скачать музыку с LiveInternet.ru Скачать музыку с LiveInternet.ruПростая скачивалка песен по заданным урлам
  • Музыкальный плеер

 -Сообщества

Участник сообществ (Всего в списке: 2) Женская_тема Только_для_женщин
Читатель сообществ (Всего в списке: 4) PFS WiseAdvice О_Самом_Интересном Студия_и_К

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 18.11.2012
Записей:
Комментариев:
Написано: 11686


РАБОТА С ТЕКСТОМ. html коды для текста.

Среда, 21 Октября 2015 г. 22:29 + в цитатник
Цитата сообщения Шадрина_Галина РАБОТА С ТЕКСТОМ. html коды для текста

1.png

Сегодня мы поговорим о шрифтах, тексте, его основных формулах, и различном написании.

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


Перечеркнутый текст



Подчеркнутый текст



ЖИРНЫЙ ТЕКСТ



ТОНКИЙ ТЕКСТ



УВЕЛИЧЕННЫЙ ТЕКСТ



ТЕКСТ КУРСИВ



ЖИРНЫЙ КУРСИВ



ПОДЧЕРКНУТЫЙ КУРСИВ



СРЕДНИЙ ТЕКСТ



ТЕКСТссылка выше



ТЕКСТссылка ниже



ОЧЕНЬ КРУПНЫЙ ТЕКСТ





КРУПНЫЙ ТЕКСТ





СРЕДНИЙ ТЕКСТ






Мелкий текст





ОЧЕНЬ МЕЛКИЙ ТЕКСТ





Супермелкий шрифт. Например: Я хочу тебе тихонько сказать Или: Я хочу тебе тихонько сказать


Минимальное значение font-size:1pt (самый мелкий)


Меняем вид шрифта:
КРАСИВЫЙ ПРОПИСНОЙ ШРИФТ




МЕНЯЕМ ЦВЕТ ШРИФТА




ВНИМАНИЕ. Таблица кодов цветов НАХОДИТСЯ ЗДЕСЬ

Для желающих поэкспериментировать с текстом есть очень интересный сайт typetester.org


МЕНЯЕМ ШРИФТА И ЦВЕТ ТЕКСТА



СИНИЙ ТЕКСТ ПЕРЕЧЕРКНУТ КРАСНОЙ ЛИНИЕЙ Цвета текста и линии можно менять.




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



Синий текст в красной рамкеЦвета текста и рамки можно менять.




Цветной текст с цветным фоном Цвета текста и фона можно менять.




  • Посмотреть таблицу сочетаемость цветов


    Все цвета меняйте по своему вкусу

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




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




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




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




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




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





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




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




    На заметку:

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

    Что бы получить рамку с определенными размерами, то используем следующие теги:
    Размеры блока div задаются атрибутами:
    div style=width:200px; height:50px;
    где ">width:200px; — ширина блока 200 пикселей,
    height:50px; — высота блока 50 пикселей
    Если проставить ширину и высоту, то получим рамку с нужными размерами:
    Ваш текст в объемной 3D-рамке





    Лучшие сервисы для подбора цвета:

    ПЕРВАЯ ССЫЛКА - Таблица «безопасных» цветов
    ВТОРАЯ ССЫЛКА - 4096 Цветовых Колеса
    ТРЕТЬЯ ССЫЛКА - Таблица html кодов цветов, буквенное написание и коды цветов в RGB



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



    Так называемый «спойлерный» текст, проявляющийся при его выделении (закрашивании) мышкой. Например:
    Загадка видна всем, а отгадку увидим только при выделении - «Зимой белый, летом серый ответ ЗАЙЧИК«




    Выделение первой буквы в предложении, или так называемая «буквица»:
    Ж или были дед да баба…



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


    Ваш основной текст текст



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



    Увеличиваем расстояние между словами
    Значения можно менять



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




    Расстояние между буквами
    Значение 10px можно менять




    А здесь задано расстояние между строками (по вертикали) пятьдесят пикселов, как видите растояние между строчками сразу увеличилось. Значение пикселей можно менять




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




    Опустить фразу (значение можно менять)



    Выделение цитаты в тексте.
    Пример:
    Выделяем следующую фразу:
    Внимание, это пояснение очень важное





    Выделение цитаты С ЭФФЕКТОМ ПОДСВЕТКИ (наведите курсор на текст):





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


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

    Незаметно исчезают друзья.
    Реже встречи и короче звонки.
    Изменить, наверно, это нельзя,
    Если вы уже другие внутри.
    И никто не виноват - просто жаль,
    Что у всех такая разная жизнь.
    Наше прошлое, летящее в даль,
    Превращается легко в миражи.


    Код:
    <table width=100%>
    <tr><td width=50%>
    текст левой колонки
    <td width=50%>
    текст правой колонки</table>



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

    © J.Shaffer 1928




    “Тег-закрепитель” (фиксирует текст так, как и расположите его в поле поста):

    Я
    Пешу
    Лесинкой!!!



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




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


    Сегодня мы поговорим о шрифтах, тексте, его основных формулах, и различном написании.

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





    Написать текст, имея фоном картинку:
    Томас Эдисон сказал: «У меня не было рабочих дней и дней отдыха. Я просто делал и получал от этого удовольствие».





    Выравнивание текста HTML-кодом

    Исходный код для выравнивания текста по левому краю:


    Исходный код для выравнивания текста по правому краю:


    Исходный код для выравнивания текста по центру:


    Выравнивание текста по обеим сторонам:
    Ваш текст






    Все о бегущем тексте СМОТРИМ ЗДЕСЬ
    1.png


  • Серия сообщений "Шпаргалки":

    Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
    Часть 2 - Несколько оригинальных формул и ссылок для дневника
    ...
    Часть 11 - Все о бегущем тексте. Примеры и коды.
    Часть 12 - Все о ссылках, оформление и коды.
    Часть 13 - РАБОТА С ТЕКСТОМ. html коды для текста


    Серия сообщений "*ШРИФТЫ":
    Часть 1 - Устанавливаем шрифты.
    Часть 2 - Шрифты на любой вкус
    ...
    Часть 6 - Большая коллекция шрифтов для ФШ и Корела.
    Часть 7 - ШАБЛОНЫ ДЛЯ ПРИКОЛЬНОГО ОФОРМЛЕНИЯ ТЕКСТА .
    Часть 8 - РАБОТА С ТЕКСТОМ. html коды для текста.
    Часть 9 - Красивый текст для блога
    Часть 10 - Шрифты, HTML-коды / примеры с кодами
    ...
    Часть 30 - Шрифты для Фотошоп.
    Часть 31 - FontViewOK- программа просмотра и редактирования шрифтов.
    Часть 32 - Программы для работы со шрифтами.

    Метки:  

     

    Добавить комментарий:
    Текст комментария: смайлики

    Проверка орфографии: (найти ошибки)

    Прикрепить картинку:

     Переводить URL в ссылку
     Подписаться на комментарии
     Подписать картинку