HTML коды оформления текста
Здравствуйте, друзья! В этой статье я собрал html коды оформления текста, которые наиболее часто используем мы, вебмастера. На сей раз мы поговорим о том, как менять шрифты и размер текста, как поставить текст в рамку, как сделать прокрутку текста, если, например, вам нужно показать определенный html код без плагина. Итак, друзья, дел много, приступаем!
| Самый крупный шрифт вашего шаблона (используется для названия сайта): Текст |
<h1>Текст заголовка</h1>
|
| Шрифт вашего шаблона для заголовков (подзаголовков): Текст |
<h2>Текст заголовка</h2> |
| Шрифт вашего шаблона для подзаголовков: Текст |
<h3>Текст заголовка</h3> |
Примечание:
О тегах h1, h2 и h3 (а также h4, h5, h6 и т.д.). Внешний вид текста, оформленного в эти теги, в вашем шаблоне Водрпресс может отличаться от того варианта, который вы видите у меня на сайте. Почему? Потому что для каждого шаблона прописываются индивидуальный файл стилей. В некоторых темах прописаны стили только для h1 и h2, то есть добавив тег, например, h3 вы увидите обычный шрифт, как для всем вашем сайте. Это значит, что стили для h3 в шаблоне вашей темы отдельно не прописаны.
| Увеличить размер шрифта +3: Ваш текст |
|
| Или +5: Ваш текст |
|
| Изменить шрифт: Ваш текст |
|
| Поменять шрифт и цвет: Ваш текст |
Можно указать цвет по другому, более точно (подобрать цвет можно здесь) |
| Изменить цвет, шрифт и размер: Ваш текст |
|
| Цитата на цветном фоне:
Текст цитаты |
Будьте внимательны, впишите свои цвета! |
| Текст в объемной рамке:Ваш текст
Ваш текст |
Чтобы текст не прилипал к рамке, укажите, как в предыдущем варианте, ширину отступов (в порядке верх-право-низ-лево) |
| Вставить текст или код с прокруткой Вертикальная прокрутка Горизонтальная прокрутка Содержимое кода, которое вы хотите опубликовать
|
Код вертикальной прокрутки:
Вы можете изменить ширину окна 40 на нужное вам значение и количество видимых строк вместо цифры 1 Код горизонтальной прокрутки: Ширина окна редактируется, как обычно, параметрами Внимание!!! Работают не со всеми кодами! |
Photo