Перейти к основному содержимому

Тестирование типографики

Эта страница демонстрирует все элементы типографики и их стилизацию.

Заголовок 1 уровня (H1)

Это самый крупный заголовок на странице. Используется для основных разделов.

Заголовок 2 уровня (H2)​

Заголовок второго уровня для подразделов. Имеет меньший размер, но все еще выделяется.

Заголовок 3 уровня (H3)​

Заголовок третьего уровня для более детальной структуры контента.

Заголовок 4 уровня (H4)​

Заголовок четвертого уровня используется для дополнительной детализации.

Заголовок 5 уровня (H5)​

Заголовок пятого уровня для еще более мелких разделов.

Заголовок 6 уровня (H6)​

Самый маленький заголовок - шестого уровня.

Абзацы и текстовое форматирование​

Это обычный абзац текста. Он демонстрирует, как выглядит стандартный текст на странице. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Это жирный текст для выделения важной информации.

Это курсивный текст для акцентирования внимания.

Это жирный курсивный текст для максимального выделения.

Это зачеркнутый текст для показа удаленной информации.

Это инлайн код для демонстрации коротких кодовых фрагментов.

Списки​

Неупорядоченный список:​

  • Первый элемент списка
  • Второй элемент списка
    • Вложенный элемент
    • Еще один вложенный элемент
      • Глубоко вложенный элемент
  • Третий элемент списка

Упорядоченный список:​

  1. Первый пронумерованный элемент
  2. Второй пронумерованный элемент
    1. Вложенный нумерованный элемент
    2. Еще один вложенный элемент
      1. Глубоко вложенный элемент
  3. Третий пронумерованный элемент

Список задач:​

  • Завершенная задача
  • Еще одна завершенная задача
  • Незавершенная задача
  • Другая незавершенная задача

Цитаты​

Это простая цитата. Она выделяется специальным форматированием и отступами.

Это многострочная цитата. Она может содержать несколько строк и демонстрирует, как обрабатываются длинные цитаты.

Цитата с заголовком​

Цитаты могут содержать другие элементы разметки:

  • Списки
  • Жирный текст
  • Курсивный текст

Ссылки​

Это обычная ссылка на внешний ресурс.

Это ссылка с заголовком при наведении.

Это внутренняя ссылка на другую страницу документации.

Это автоматическая ссылка: https://example.com

Это email ссылка: mailto:test@example.com

Разделители​

Современные горизонтальные линии с градиентами и hover-эффектами:

Базовая линия - наведите курсор на эту область документа, чтобы увидеть эффект!

Толстая акцентная линия для важных разделов.

Короткая центрированная линия для элегантного разделения.

Длинный абзац для проверки​

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.

Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur?

Комбинированное форматирование​

Вы можете комбинировать различные элементы форматирования:

  • Жирный список с курсивными элементами
  • Код в списке и ссылки в списке
  • Зачеркнутый текст в списке

Жирная цитата с курсивом и кодом

Ссылка в цитате и зачеркнутый текст