-Метки

ШАНЕЛЬ аксессуары бохо стиль браслет своими руками броши брошь видеоуроки выкройка выкройка платья выкройка юбки выкройки вышивка бисером вышивка гладью вышивка крестом вышивка лентами вязаная одежда вязаная юбка вязание крючком вязание спицами вязаное платье вязаные игрушки вязаные мотивы вязаный жакет гобелен декор интерьера декор одежды декорирование деним джинсовая одежда джинсы диета дизайн интерьера дизайнерская одежда елочные игрушки жакет журналы журналы мод журналы по вязанию заготовки на зиму игрушки из ткани игрушки ручной работы игрушки своими руками история костюма история моды картон квилт кофейные игрушки кружево кукла куклы куклы ручной работы куклы своими руками лоскутная техника лоскутное шитьё лоскутное шитье мастер класс мастер-класс мода мокрое валяние народная кукла народный костюм новогоднее украшение новогодние игрушки новогодние поделки новогодний декор одежда бохо одежда для кукол окраска ткани органайзер пальто папье-маше пасха переделка джинсов переделка одежды переделки платье платья полезное полезные советы похудение русский стиль сарафан своими руками славянский стиль стиль стиль бохо сумка ручной работы сухое валяние текстильные игрушки текстильные куклы ткачество украшения украшения своими руками упаковка своими руками фелтинг филейное вязание фотошоп цветы из ткани юбка юбки

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

 

 -Статистика

Создан: 22.01.2010
Записей:
Комментариев:
Написано: 11433


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

Пятница, 23 Октября 2015 г. 07:59 + в цитатник
Цитата сообщения Шадрина_Галина РАБОТА С ТЕКСТОМ. 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 коды для текста


Рубрики:  Дневник настройки



 

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

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

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

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

О проекте