Внимание! На сайте ведутся технические работы. Возможны ограничения функционала и ошибки. Приносим свои извинения. Информацию уточняйте у онлайн-консультанта.
Это пример простого абзаца. Абзацы используются для разделения текста на логические части. Абзац, обозначая своего рода «цезуру», является единицей членения текста, промежуточной между фразой и главой, и служит для группировки однородных единиц изложения, исчерпывая один из его моментов (тематический, сюжетный и т. д.). Выделение фразы в особый абзац усиливает падающий на неё смысловой акцент. Абзац способствует правильному и быстрому восприятию текста.
Это пример простого абзаца. Абзацы используются для разделения текста на логические части.
Абзац, обозначая своего рода «цезуру», является единицей членения текста, промежуточной между фразой и главой,
и служит для группировки однородных единиц изложения, исчерпывая один из его моментов (тематический, сюжетный и т. д.).
Выделение фразы в особый абзац усиливает падающий на неё смысловой акцент. Абзац способствует правильному и быстрому восприятию текста.
Простой абзац с "красной" строкой
Пример
HTML
Это пример абзаца с "красной" строкой. Абзацы используются для разделения текста на логические части. Абзац, обозначая своего рода «цезуру», является единицей членения текста, промежуточной между фразой и главой, и служит для группировки однородных единиц изложения, исчерпывая один из его моментов (тематический, сюжетный и т. д.). Выделение фразы в особый абзац усиливает падающий на неё смысловой акцент. Абзац способствует правильному и быстрому восприятию текста.
Это пример абзаца с "красной" строкой. Абзацы используются для разделения текста на логические части.
Абзац, обозначая своего рода «цезуру», является единицей членения текста, промежуточной между фразой и главой,
и служит для группировки однородных единиц изложения, исчерпывая один из его моментов (тематический, сюжетный и т. д.).
Выделение фразы в особый абзац усиливает падающий на неё смысловой акцент. Абзац способствует правильному и быстрому восприятию текста.
Акцентирующий абзац с тенью
Пример
HTML
Это пример акцентирующего абзаца с тенью. Абзацы используются для разделения текста на логические части. Абзац, обозначая своего рода «цезуру», является единицей членения текста, промежуточной между фразой и главой, и служит для группировки однородных единиц изложения, исчерпывая один из его моментов (тематический, сюжетный и т. д.). Выделение фразы в особый абзац усиливает падающий на неё смысловой акцент. Абзац способствует правильному и быстрому восприятию текста.
Это пример акцентирующего абзаца с тенью. Абзацы используются для разделения текста на логические части.
Абзац, обозначая своего рода «цезуру», является единицей членения текста, промежуточной между фразой и главой,
и служит для группировки однородных единиц изложения, исчерпывая один из его моментов (тематический, сюжетный и т. д.).
Выделение фразы в особый абзац усиливает падающий на неё смысловой акцент. Абзац способствует правильному и быстрому восприятию текста.
Акцентирующий абзац на сером фоне
Пример
HTML
Это пример акцентирующего абзаца на сером фоне. Абзацы используются для разделения текста на логические части. Абзац, обозначая своего рода «цезуру», является единицей членения текста, промежуточной между фразой и главой, и служит для группировки однородных единиц изложения, исчерпывая один из его моментов (тематический, сюжетный и т. д.). Выделение фразы в особый абзац усиливает падающий на неё смысловой акцент. Абзац способствует правильному и быстрому восприятию текста.
Это пример акцентирующего абзаца на сером фоне. Абзацы используются для разделения текста на логические части.
Абзац, обозначая своего рода «цезуру», является единицей членения текста, промежуточной между фразой и главой,
и служит для группировки однородных единиц изложения, исчерпывая один из его моментов (тематический, сюжетный и т. д.).
Выделение фразы в особый абзац усиливает падающий на неё смысловой акцент. Абзац способствует правильному и быстрому восприятию текста.
Комбинирование стилей в одном абзаце
Пример
HTML
Это пример акцентирующего абзаца с серым фоном, тенью и "красной" строкой. Абзацы используются для разделения текста на логические части. Абзац, обозначая своего рода «цезуру», является единицей членения текста, промежуточной между фразой и главой, и служит для группировки однородных единиц изложения, исчерпывая один из его моментов (тематический, сюжетный и т. д.). Выделение фразы в особый абзац усиливает падающий на неё смысловой акцент. Абзац способствует правильному и быстрому восприятию текста.
Это пример акцентирующего абзаца с серым фоном, тенью и "красной" строкой. Абзацы используются для разделения текста на логические части.
Абзац, обозначая своего рода «цезуру», является единицей членения текста, промежуточной между фразой и главой,
и служит для группировки однородных единиц изложения, исчерпывая один из его моментов (тематический, сюжетный и т. д.).
Выделение фразы в особый абзац усиливает падающий на неё смысловой акцент. Абзац способствует правильному и быстрому восприятию текста.
Отступы
Внешний нижний отступ в 24px (margin-bottom:24px;)
Пример
HTML
Абзац, обозначая своего рода «цезуру», является единицей членения текста, промежуточной между фразой и главой,
и служит для группировки однородных единиц изложения, исчерпывая один из его моментов (тематический, сюжетный и т. д.).
Выделение фразы в особый абзац усиливает падающий на неё смысловой акцент. Абзац способствует правильному и быстрому восприятию текста.
Абзац, обозначая своего рода «цезуру», является единицей членения текста, промежуточной между фразой и главой,
и служит для группировки однородных единиц изложения, исчерпывая один из его моментов (тематический, сюжетный и т. д.).
Выделение фразы в особый абзац усиливает падающий на неё смысловой акцент. Абзац способствует правильному и быстрому восприятию текста.
Внешний нижний отступ в 30px (margin-bottom:30px;)
Пример
HTML
Абзац, обозначая своего рода «цезуру», является единицей членения текста, промежуточной между фразой и главой,
и служит для группировки однородных единиц изложения, исчерпывая один из его моментов (тематический, сюжетный и т. д.).
Выделение фразы в особый абзац усиливает падающий на неё смысловой акцент. Абзац способствует правильному и быстрому восприятию текста.
Абзац, обозначая своего рода «цезуру», является единицей членения текста, промежуточной между фразой и главой,
и служит для группировки однородных единиц изложения, исчерпывая один из его моментов (тематический, сюжетный и т. д.).
Выделение фразы в особый абзац усиливает падающий на неё смысловой акцент. Абзац способствует правильному и быстрому восприятию текста.
Пример текста, который выделен левым бордером. Текст может быть длинным или коротким, в зависимости от необходимой надобности.
Пример текста, который выделен левым бордером. В таком тексте можно часть выделить "жирным" или оставить так как есть. Текст может быть длинным или коротким, в зависимости от необходимой надобности.
Пример текста, который выделен левым бордером. Весь текст может быть "жирным". Текст может быть длинным или коротким, в зависимости от необходимой надобности.
Пример текста, который выделен левым бордером. Текст может быть длинным или коротким, в зависимости от необходимой надобности.
Пример текста, который выделен левым бордером.
В таком тексте можно часть выделить "жирным" или оставить так как есть.
Текст может быть длинным или коротким, в зависимости от необходимой надобности.
Пример текста, который выделен левым бордером. Весь текст может быть "жирным".
Текст может быть длинным или коротким, в зависимости от необходимой надобности.
Цитаты
Цитата с левым выравниванием
Пример
HTML
Это пример цитаты. Цитаты используются для выделения важных высказываний.
Всемирная сеть Интернет
Это пример цитаты. Цитаты используются для выделения важных высказываний.
Всемирная сеть Интернет
Цитата с правым выравниванием
Пример
HTML
Это пример цитаты. Цитаты используются для выделения важных высказываний.
Всемирная сеть Интернет
Это пример цитаты. Цитаты используются для выделения важных высказываний.
Всемирная сеть Интернет
Цитата с картинкой и левым выравниванием
Пример
HTML
Мы любим то, что мы делаем и делаем то, что любим!
Ирина Ефимова
Генеральный директор компании «Основа движения»
Мы любим то, что мы делаем и делаем то, что любим!
Ирина Ефимова
Генеральный директор компании «Основа движения»
Картинки
Важно! В названии картинок и папок, в которых они лежат, допускаются только латинские буквы, цифры и тире! В названиях ЗАПРЕЩЕНЫ: русские буквы, пробелы, точки и т.д.
Подробное описание тега <picture>
Тег <picture> предоставляет больше гибкости для адаптивных изображений. Он позволяет использовать разные изображения в зависимости от условий, таких как ширина экрана или тип устройства.
Пример использования:
<picture>
<source srcset="/upload/pic/pages/allstyles/banner-large.jpg" media="(min-width: 1200px)">
<source srcset="/upload/pic/pages/allstyles/banner-medium.jpg" media="(min-width: 768px)">
<source srcset="/upload/pic/pages/allstyles/banner-small.jpg" media="(max-width: 767px)">
<img src="/upload/pic/pages/allstyles/banner-large.jpg" alt="Пример изображения" title="Пример изображения" width="100%">
</picture>
<source>: Определяет условия показа определенного изображения. media: Указывает медиазапросы (аналогичные CSS).
<img>: Фолбэк (резервное изображение), отображаемое, если ни одно из условий не выполнено.
Результат:
На мобильных устройствах загрузится banner-small.jpg, на планшетах — banner-medium.jpg, а на десктопах — banner-large.jpg.
Использование форматов WebP и AVIF
Тег <picture> также позволяет предоставлять изображения в современных форматах, таких как WebP или AVIF, с фолбэком на JPEG или PNG.
Примеры:
<picture>
<source srcset="image.avif" type="image/avif">
<source srcset="image.webp" type="image/webp">
<img src="image.jpg" alt="Пример изображения в разных форматах" title="Пример изображения в разных форматах">
</picture>
<picture>
<source srcset="/upload/pic/pages/allstyles/banner-large.avif" type="image/avif" media="(min-width: 1200px)">
<source srcset="/upload/pic/pages/allstyles/banner-medium.avif" type="image/avif" media="(min-width: 768px)">
<source srcset="/upload/pic/pages/allstyles/banner-small.avif" type="image/avif" media="(max-width: 767px)">
<source srcset="/upload/pic/pages/allstyles/banner-large.webp" type="image/webp" media="(min-width: 1200px)">
<source srcset="/upload/pic/pages/allstyles/banner-medium.webp" type="image/webp" media="(min-width: 768px)">
<source srcset="/upload/pic/pages/allstyles/banner-small.webp" type="image/webp" media="(max-width: 767px)">
<img src="/upload/pic/pages/allstyles/banner-large.jpg" alt="Пример изображения в разных форматах для разных разрешений" title="Пример изображения в разных форматах для разных разрешений">
</picture>
Баннер во всю ширину
Пример
HTML
<img src="banner-large.jpg" alt="Пример баннера во всю ширину" title="Пример баннера во всю ширину" width="100%">
Баннер во всю ширину со скруглением углов
Пример
HTML
<img src="banner-large.jpg" alt="Пример баннера во всю ширину со скруглением углов" title="Пример баннера во всю ширину со скруглением углов" width="100%">
Картинка без рамки (слева от текста)
Пример
HTML
Это пример абзаца c картинкой слева. Абзацы используются для разделения текста на логические части. Абзац, обозначая своего рода «цезуру», является единицей членения текста, промежуточной между фразой и главой, и служит для группировки однородных единиц изложения, исчерпывая один из его моментов (тематический, сюжетный и т. д.). Выделение фразы в особый абзац усиливает падающий на неё смысловой акцент. Абзац способствует правильному и быстрому восприятию текста. Абзацы используются для разделения текста на логические части. Абзац, обозначая своего рода «цезуру», является единицей членения текста, промежуточной между фразой и главой, и служит для группировки однородных единиц изложения, исчерпывая один из его моментов (тематический, сюжетный и т. д.).
<img align="left" src="/bitrix/templates/aspro-lite/images/noimage_sections.png" alt="Текст-описание" title="Текст-описание">
Это пример абзаца c картинкой слева. Абзацы используются для разделения текста на логические части.
Абзац, обозначая своего рода «цезуру», является единицей членения текста, промежуточной между фразой и главой,
и служит для группировки однородных единиц изложения, исчерпывая один из его моментов (тематический, сюжетный и т. д.).
Выделение фразы в особый абзац усиливает падающий на неё смысловой акцент. Абзац способствует правильному и быстрому восприятию текста.
Абзацы используются для разделения текста на логические части. Абзац, обозначая своего рода «цезуру»,
является единицей членения текста, промежуточной между фразой и главой, и служит для группировки однородных единиц изложения,
исчерпывая один из его моментов (тематический, сюжетный и т. д.).
Картинка с рамкой (слева от текста)
Пример
HTML
Это пример абзаца c картинкой слева. Абзацы используются для разделения текста на логические части. Абзац, обозначая своего рода «цезуру», является единицей членения текста, промежуточной между фразой и главой, и служит для группировки однородных единиц изложения, исчерпывая один из его моментов (тематический, сюжетный и т. д.). Выделение фразы в особый абзац усиливает падающий на неё смысловой акцент. Абзац способствует правильному и быстрому восприятию текста. Абзацы используются для разделения текста на логические части. Абзац, обозначая своего рода «цезуру», является единицей членения текста, промежуточной между фразой и главой, и служит для группировки однородных единиц изложения, исчерпывая один из его моментов (тематический, сюжетный и т. д.).
<img align="left" class="imgthumb" src="/bitrix/templates/aspro-lite/images/noimage_sections.png" alt="Текст-описание" title="Текст-описание">
Это пример абзаца c картинкой слева. Абзацы используются для разделения текста на логические части.
Абзац, обозначая своего рода «цезуру», является единицей членения текста, промежуточной между фразой и главой,
и служит для группировки однородных единиц изложения, исчерпывая один из его моментов (тематический, сюжетный и т. д.).
Выделение фразы в особый абзац усиливает падающий на неё смысловой акцент. Абзац способствует правильному и быстрому восприятию текста.
Абзацы используются для разделения текста на логические части. Абзац, обозначая своего рода «цезуру»,
является единицей членения текста, промежуточной между фразой и главой, и служит для группировки однородных единиц изложения,
исчерпывая один из его моментов (тематический, сюжетный и т. д.).
Картинка без рамки (справа от текста)
Пример
HTML
Это пример абзаца c картинкой справа. Абзацы используются для разделения текста на логические части. Абзац, обозначая своего рода «цезуру», является единицей членения текста, промежуточной между фразой и главой, и служит для группировки однородных единиц изложения, исчерпывая один из его моментов (тематический, сюжетный и т. д.). Выделение фразы в особый абзац усиливает падающий на неё смысловой акцент. Абзац способствует правильному и быстрому восприятию текста. Абзацы используются для разделения текста на логические части. Абзац, обозначая своего рода «цезуру», является единицей членения текста, промежуточной между фразой и главой, и служит для группировки однородных единиц изложения, исчерпывая один из его моментов (тематический, сюжетный и т. д.).
<img align="right" src="/bitrix/templates/aspro-lite/images/noimage_sections.png" alt="Текст-описание" title="Текст-описание">
Это пример абзаца c картинкой справа. Абзацы используются для разделения текста на логические части.
Абзац, обозначая своего рода «цезуру», является единицей членения текста, промежуточной между фразой и главой,
и служит для группировки однородных единиц изложения, исчерпывая один из его моментов (тематический, сюжетный и т. д.).
Выделение фразы в особый абзац усиливает падающий на неё смысловой акцент. Абзац способствует правильному и быстрому восприятию текста.
Абзацы используются для разделения текста на логические части. Абзац, обозначая своего рода «цезуру»,
является единицей членения текста, промежуточной между фразой и главой, и служит для группировки однородных единиц изложения,
исчерпывая один из его моментов (тематический, сюжетный и т. д.).
Картинка с рамкой (справа от текста)
Пример
HTML
Это пример абзаца c картинкой справа. Абзацы используются для разделения текста на логические части. Абзац, обозначая своего рода «цезуру», является единицей членения текста, промежуточной между фразой и главой, и служит для группировки однородных единиц изложения, исчерпывая один из его моментов (тематический, сюжетный и т. д.). Выделение фразы в особый абзац усиливает падающий на неё смысловой акцент. Абзац способствует правильному и быстрому восприятию текста. Абзацы используются для разделения текста на логические части. Абзац, обозначая своего рода «цезуру», является единицей членения текста, промежуточной между фразой и главой, и служит для группировки однородных единиц изложения, исчерпывая один из его моментов (тематический, сюжетный и т. д.).
<img align="right" class="imgthumb" src="/bitrix/templates/aspro-lite/images/noimage_sections.png" alt="Текст-описание" title="Текст-описание">
Это пример абзаца c картинкой справа. Абзацы используются для разделения текста на логические части.
Абзац, обозначая своего рода «цезуру», является единицей членения текста, промежуточной между фразой и главой,
и служит для группировки однородных единиц изложения, исчерпывая один из его моментов (тематический, сюжетный и т. д.).
Выделение фразы в особый абзац усиливает падающий на неё смысловой акцент. Абзац способствует правильному и быстрому восприятию текста.
Абзацы используются для разделения текста на логические части. Абзац, обозначая своего рода «цезуру»,
является единицей членения текста, промежуточной между фразой и главой, и служит для группировки однородных единиц изложения,
исчерпывая один из его моментов (тематический, сюжетный и т. д.).
Списки
Список без маркеров и нумерации
Пример
HTML
Элемент ненумерованного списка без маркеров
Второй элемент ненумерованного списка без маркеров
Третий элемент ненумерованного списка без маркеров
Четвертый элемент ненумерованного списка без маркеров
Пятый элемент ненумерованного списка без маркеров
Шестой элемент ненумерованного списка без маркеров
Седьмой элемент ненумерованного списка без маркеров
Восьмой элемент ненумерованного списка без маркеров
Девятый элемент ненумерованного списка без маркеров
Десятый элемент ненумерованного списка без маркеров
Элемент ненумерованного списка без маркеров
Второй элемент ненумерованного списка без маркеров
Третий элемент ненумерованного списка без маркеров
Четвертый элемент ненумерованного списка без маркеров
Пятый элемент ненумерованного списка без маркеров
Шестой элемент ненумерованного списка без маркеров
Седьмой элемент ненумерованного списка без маркеров
Восьмой элемент ненумерованного списка без маркеров
Девятый элемент ненумерованного списка без маркеров
Десятый элемент ненумерованного списка без маркеров
Маркированный список
Пример
HTML
Элемент ненумерованного списка с маркером
Второй элемент ненумерованного списка с маркером
Третий элемент ненумерованного списка с маркером
Четвертый элемент ненумерованного списка с маркером
Пятый элемент ненумерованного списка с маркером
Шестой элемент ненумерованного списка с маркером
Седьмой элемент ненумерованного списка с маркером
Восьмой элемент ненумерованного списка с маркером
Девятый элемент ненумерованного списка с маркером
Десятый элемент ненумерованного списка с маркером
Элемент ненумерованного списка с маркером
Второй элемент ненумерованного списка с маркером
Третий элемент ненумерованного списка с маркером
Четвертый элемент ненумерованного списка с маркером
Пятый элемент ненумерованного списка с маркером
Шестой элемент ненумерованного списка с маркером
Седьмой элемент ненумерованного списка с маркером
Восьмой элемент ненумерованного списка с маркером
Девятый элемент ненумерованного списка с маркером
Десятый элемент ненумерованного списка с маркером
Нумерованный список
Пример
HTML
Элемент нумерованного списка
Второй элемент нумерованного списка
Третий элемент нумерованного списка
Четвертый элемент нумерованного списка
Пятый элемент нумерованного списка
Шестой элемент нумерованного списка
Седьмой элемент нумерованного списка
Восьмой элемент нумерованного списка
Девятый элемент нумерованного списка
Десятый элемент нумерованного списка
Элемент нумерованного списка
Второй элемент нумерованного списка
Третий элемент нумерованного списка
Четвертый элемент нумерованного списка
Пятый элемент нумерованного списка
Шестой элемент нумерованного списка
Седьмой элемент нумерованного списка
Восьмой элемент нумерованного списка
Девятый элемент нумерованного списка
Десятый элемент нумерованного списка
Список без маркеров и с левым бордером
Пример
HTML
Элемент ненумерованного списка без маркеров
Второй элемент ненумерованного списка без маркеров
Третий элемент ненумерованного списка без маркеров
Четвертый элемент ненумерованного списка без маркеров
Пятый элемент ненумерованного списка без маркеров
Шестой элемент ненумерованного списка без маркеров
Седьмой элемент ненумерованного списка без маркеров
Восьмой элемент ненумерованного списка без маркеров
Девятый элемент ненумерованного списка без маркеров
Десятый элемент ненумерованного списка без маркеров
Элемент ненумерованного списка без маркеров
Второй элемент ненумерованного списка без маркеров
Третий элемент ненумерованного списка без маркеров
Четвертый элемент ненумерованного списка без маркеров
Пятый элемент ненумерованного списка без маркеров
Шестой элемент ненумерованного списка без маркеров
Седьмой элемент ненумерованного списка без маркеров
Восьмой элемент ненумерованного списка без маркеров
Девятый элемент ненумерованного списка без маркеров
Десятый элемент ненумерованного списка без маркеров
Кнопки
Важно! В мобильной версии сайта ширина кнопок всегда равна 100%!
Доказано, что качественная ортопедическая обувь значительно (в 2-3 раза) снижает риск синдрома диабетической стопы, оказывая более действенный профилактический эффект, чем большинство назначаемых лекарств.
Доказано, что качественная ортопедическая обувь значительно (в 2-3 раза) снижает риск
синдрома диабетической стопы,
оказывая более действенный профилактический эффект, чем большинство назначаемых лекарств.
Подсказка для иконки "Информация"
Пример
HTML
Доказано, что качественная ортопедическая обувь значительно (в 2-3 раза) снижает риск синдрома диабетической стопы
, оказывая более действенный профилактический эффект, чем большинство назначаемых лекарств.
Доказано, что качественная ортопедическая обувь значительно (в 2-3 раза) снижает риск синдрома диабетической стопы
, оказывая более действенный профилактический эффект, чем большинство назначаемых лекарств.
Подсказка для иконки "Вопрос"
Пример
HTML
Доказано, что качественная ортопедическая обувь значительно (в 2-3 раза) снижает риск синдрома диабетической стопы
, оказывая более действенный профилактический эффект, чем большинство назначаемых лекарств.
Доказано, что качественная ортопедическая обувь значительно (в 2-3 раза) снижает риск синдрома диабетической стопы
, оказывая более действенный профилактический эффект, чем большинство назначаемых лекарств.
Выравнивание
Выравнивание по центру
Пример
HTML
Консультация специалиста по флебологии и ортопедии Подробнее