RSS

HTML коды оформления текста

html коды оформления тестаЗдравствуйте, друзья! В этой статье я собрал html коды оформления текста, которые наиболее часто используем мы, вебмастера. На сей раз мы поговорим о том, как менять шрифты и размер текста, как поставить текст в рамку, как сделать прокрутку текста, если, например, вам нужно показать определенный html код без плагина. Итак, друзья, дел много, приступаем!

Самый крупный шрифт
вашего шаблона
(используется для названия
сайта):

Текст

<h1>Текст заголовка</h1>
Шрифт вашего шаблона
для заголовков (подзаголовков):

Текст

<h2>Текст заголовка</h2>

Шрифт вашего шаблона
для подзаголовков:

Текст

<h3>Текст заголовка</h3>

Примечание:

О тегах h1, h2 и h3 (а также h4, h5, h6 и т.д.). Внешний вид текста, оформленного в эти теги, в вашем шаблоне Водрпресс может отличаться от того варианта, который вы видите у меня на сайте. Почему? Потому что для каждого шаблона прописываются индивидуальный файл стилей. В некоторых темах прописаны стили только для h1 и h2, то есть добавив тег, например, h3 вы увидите обычный шрифт, как для всем вашем сайте. Это значит, что стили для h3 в шаблоне вашей темы отдельно не прописаны.

Увеличить размер шрифта +3:
Ваш текст
Или +5:
Ваш текст
Изменить шрифт:
Ваш текст
Поменять шрифт и цвет:
Ваш текст
Можно указать цвет по другому,
более точно (подобрать цвет
можно здесь)
Изменить цвет, шрифт и размер:
Ваш текст
Цитата на цветном фоне:

Текст цитаты

Будьте внимательны, впишите свои цвета!

Текст в объемной рамке:Ваш текст

Ваш текст

Чтобы текст не прилипал к рамке, укажите, как в предыдущем варианте, ширину отступов (в порядке верх-право-низ-лево)

Вставить текст или код с прокруткой
Вертикальная прокрутка
Горизонтальная прокрутка

Содержимое кода, которое вы хотите опубликовать
Код вертикальной прокрутки:

Вы можете изменить ширину окна 40 на нужное вам значение и количество видимых строк вместо цифры 1

Код горизонтальной прокрутки:

Ширина окна редактируется, как обычно, параметрами
height: 50px; width: 270px;

Внимание!!! Работают не со всеми кодами!

html фотоPhoto
HTML коды оформления текста. Подсказка вебмастеру
 

 

Добавить комментарий

 
Powered by SH CMS (www.shchms.ru)