-Рубрики

 -Приложения

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

 -Всегда под рукой

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

Поиск сообщений в Шадрина_Галина

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

 

 -Статистика

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

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

Среда, 21 Октября 2015 г. 17:42 + в цитатник
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 - Несколько оригинальных формул и ссылок для дневника
    ...
    Часть 10 - Все о бегущем тексте. Примеры и коды.
    Часть 11 - Все о ссылках, оформление и коды.
    Часть 12 - РАБОТА С ТЕКСТОМ. html коды для текста
    Часть 13 - Он-лайн графические редакторы
    Часть 14 - Бродилка по РУБРИКАМ моего дневника.
    ...
    Часть 20 - Справочник по основным тегам HTML.
    Часть 21 - Создание рамочек без знаний html всего за пару минут
    Часть 22 - Главные люди на Ли.ру

    Метки:  

    Процитировано 343 раз
    Понравилось: 151 пользователям

    ВАЛЕНТИНА-1945   обратиться по имени Среда, 21 Октября 2015 г. 17:53 (ссылка)
    Благодарю!
    Ответить С цитатой В цитатник
    Перейти к дневнику

    Четверг, 22 Октября 2015 г. 13:50ссылка
    Рада, что понравилось!
    ЛОИНА   обратиться по имени Среда, 21 Октября 2015 г. 17:54 (ссылка)
    ЗДОРОВО!!!!!!! СПАСИБО!!!!!!
    Ответить С цитатой В цитатник
    Перейти к дневнику

    Четверг, 22 Октября 2015 г. 13:50ссылка
    Всегда пожалуйста!
    vdovuska2013   обратиться по имени Среда, 21 Октября 2015 г. 17:59 (ссылка)
    Спасибо Галиночка. Цитирую с благодарностью
    Ответить С цитатой В цитатник
    Перейти к дневнику

    Четверг, 22 Октября 2015 г. 13:51ссылка
    Всегда пожалуйста!
    NIKALATA   обратиться по имени Среда, 21 Октября 2015 г. 18:02 (ссылка)
    Большое спасибо, Галя.
    Ответить С цитатой В цитатник
    Перейти к дневнику

    Четверг, 22 Октября 2015 г. 13:51ссылка
    Рада, что понравилось!
    Перейти к дневнику

    Четверг, 22 Октября 2015 г. 14:03ссылка
    С удовольствием пользуюсь многими вашими советами, приятно что почти все очень помогают в работе над постами.
    Доброго дня и дальнейших успехов, Галя!
    milana_E   обратиться по имени Среда, 21 Октября 2015 г. 18:03 (ссылка)
    Спасибо!
    Ответить С цитатой В цитатник
    Перейти к дневнику
    Марго8491   обратиться по имени Среда, 21 Октября 2015 г. 18:05 (ссылка)
    Спасибо Галя!!!!За такой нужный пост....
    Ответить С цитатой В цитатник
    Перейти к дневнику

    Четверг, 22 Октября 2015 г. 13:51ссылка
    Рада, что понравилось!
    Лариса_Виноградова   обратиться по имени Среда, 21 Октября 2015 г. 18:07 (ссылка)
    Замечательно,Галочка!Спасибо!
    Ответить С цитатой В цитатник
    Перейти к дневнику

    Четверг, 22 Октября 2015 г. 13:51ссылка
    Рада, что понравилось!
    Марина_55   обратиться по имени Среда, 21 Октября 2015 г. 18:10 (ссылка)
    Спасибо, Галочка!
    Ответить С цитатой В цитатник
    Перейти к дневнику
    LoRaLaRa   обратиться по имени Среда, 21 Октября 2015 г. 18:16 (ссылка)


    Классный и очень нужный пост. Спасибо!

    Ответить С цитатой В цитатник
    Перейти к дневнику

    Четверг, 22 Октября 2015 г. 13:51ссылка
    Рада, что понравилось!
    Аргус   обратиться по имени Среда, 21 Октября 2015 г. 18:24 (ссылка)
    Спасибо!Очень нужное сообщение.
    Ответить С цитатой В цитатник
    Перейти к дневнику

    Четверг, 22 Октября 2015 г. 13:51ссылка
    Рада, что понравилось!
    iro4kan   обратиться по имени Среда, 21 Октября 2015 г. 18:27 (ссылка)
    спасибо, Галочка, все собрала в кучу!
    Ответить С цитатой В цитатник
    Перейти к дневнику

    Четверг, 22 Октября 2015 г. 13:51ссылка
    Рада, что понравилось!
    savkina_tatjana   обратиться по имени Среда, 21 Октября 2015 г. 18:36 (ссылка)
    Спасибо, Галочка!
    Ответить С цитатой В цитатник
    Перейти к дневнику
    Ирина_Лыткина   обратиться по имени Среда, 21 Октября 2015 г. 18:43 (ссылка)
    Галиночка. Цитирую с благодарностью
    Ответить С цитатой В цитатник
    Перейти к дневнику

    Четверг, 22 Октября 2015 г. 13:52ссылка
    Рада, что понравилось!
    Adviceowl   обратиться по имени Среда, 21 Октября 2015 г. 19:05 (ссылка)
    Благодарю!
    Ответить С цитатой В цитатник
    Перейти к дневнику
    svetukia1941   обратиться по имени Среда, 21 Октября 2015 г. 19:09 (ссылка)
    Спасибо, Галочка! Цитирую с благодарностью
    Ответить С цитатой В цитатник
    Перейти к дневнику
    БОБРЫШЕВА_НАТАЛЬЯ   обратиться по имени Среда, 21 Октября 2015 г. 19:15 (ссылка)
    Галя,спасибо! Я уже много чему у тебя научилась...так здОрово что ты помогаешь нам!
    Ответить С цитатой В цитатник
    Перейти к дневнику

    Четверг, 22 Октября 2015 г. 13:52ссылка
    Рада, что понравилось!
    Rietta   обратиться по имени Среда, 21 Октября 2015 г. 19:17 (ссылка)
    Спасибо вам большое за труд!
    Ответить С цитатой В цитатник
    Перейти к дневнику

    Четверг, 22 Октября 2015 г. 13:52ссылка
    Рада, что понравилось!
    Моисеева_Надежда   обратиться по имени Среда, 21 Октября 2015 г. 19:45 (ссылка)
    Галочка, очень нужный пост-шпаргалка для новичков.
    Ответить С цитатой В цитатник
    Перейти к дневнику

    Четверг, 22 Октября 2015 г. 13:53ссылка
    Да я и для себя пользуюсь такой шпаргалкой. В се нужные коды в одном месте!
    lola-malvina   обратиться по имени Среда, 21 Октября 2015 г. 20:04 (ссылка)
    Спасибо,Галина!
    Ответить С цитатой В цитатник
    Перейти к дневнику
    Miled   обратиться по имени Среда, 21 Октября 2015 г. 20:04 (ссылка)
    Спасибо огромное за такую нужную и полезную информацию!!!!!!!!!!
    Ответить С цитатой В цитатник
    Перейти к дневнику

    Четверг, 22 Октября 2015 г. 13:53ссылка
    Рада, что понравилось!
    Taniaum   обратиться по имени Добрый вечер! Среда, 21 Октября 2015 г. 20:16 (ссылка)
    Галочка, цитирую с благодарностью.
    Ответить С цитатой В цитатник
    Перейти к дневнику

    Четверг, 22 Октября 2015 г. 13:53ссылка
    Рада, что понравилось!
    IrinaUl   обратиться по имени Среда, 21 Октября 2015 г. 20:18 (ссылка)
    Спасибо, Галочка, за твои урок и труд!
    Ответить С цитатой В цитатник
    Перейти к дневнику

    Четверг, 22 Октября 2015 г. 13:53ссылка
    Рада, что понравилось!
    Мончегорка   обратиться по имени Среда, 21 Октября 2015 г. 20:31 (ссылка)
    Огромная благодарность!
    Ответить С цитатой В цитатник
    Перейти к дневнику
    НИНА_ЧЕЧУЛИНА   обратиться по имени Среда, 21 Октября 2015 г. 20:34 (ссылка)
    Спасибо!
    Ответить С цитатой В цитатник
    Перейти к дневнику
    Talya6   обратиться по имени Среда, 21 Октября 2015 г. 20:51 (ссылка)
    Спасибо, Галочка.
    Ответить С цитатой В цитатник
    Перейти к дневнику
    Жанна_николаевна   обратиться по имени Среда, 21 Октября 2015 г. 21:04 (ссылка)
    Спасибо!!!!!!
    Ответить С цитатой В цитатник
    Перейти к дневнику
    lorikshink   обратиться по имени РАБОТА С ТЕКСТОМ. html коды для текста. Среда, 21 Октября 2015 г. 21:27 (ссылка)
    Очень ценный текст, цитирую и благодарю!
    Ответить С цитатой В цитатник
    Перейти к дневнику

    Четверг, 22 Октября 2015 г. 13:53ссылка
    Рада, что понравилось!
    Puxovaia   обратиться по имени Среда, 21 Октября 2015 г. 21:30 (ссылка)
    Спасибо, Галочка!
    Ответить С цитатой В цитатник
    Перейти к дневнику
    Sveta_Savyhska   обратиться по имени Среда, 21 Октября 2015 г. 21:42 (ссылка)
    Здорово!! Благодарю!!
    Ответить С цитатой В цитатник
    Перейти к дневнику
    Tapioka   обратиться по имени Среда, 21 Октября 2015 г. 22:28 (ссылка)
    Спасибо огромное за труд ,Галина !Всё в одном посте!!
    Ответить С цитатой В цитатник
    Перейти к дневнику

    Четверг, 22 Октября 2015 г. 13:54ссылка
    Мне так и хотелось собрать все коды по теме вместе!
    Комментировать К дневнику Страницы: [1] 2 3 4 [Новые]
     

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

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

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

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