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

Заголовки

H1 — заголовок

H2 — заголовок

H3 — заголовок

H4 — заголовок

Абзац

Это пример заполнительного текста для демонстрации оформления абзаца. Здесь показаны несколько предложений, чтобы увидеть переносы, отступы и межстрочный интервал в контексте темы.

Списки

Нумерованный список

1. Первый
2. Второй
3. Третий

Маркированный список

• Раздел
  • Подраздел
    • Абзац

Список задач

• Задача
  • Шаг 1
  • Шаг 2
  • Шаг 3

Список определений

Солнце

Звезда (пример записи в виде списка определений)

Луна

Естественный спутник Земли, видимый благодаря отражённому Солнцем свету

Блоковая цитата

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

Подсказки

Совет — пример подсказки.

Информация — пример подсказки.

Предупреждение — пример подсказки.

Опасность — пример подсказки.

Таблицы

Компания	Контакт	Страна
Alfreds Futterkiste	Maria Anders	Германия
Island Trading	Helen Bennett	Великобритания
Magazzini Alimentari Riuniti	Giovanni Rovelli	Италия

Ссылки

http://127.0.0.1:4000

Примечание

При клике на якорь вы перейдёте к примечанию¹, и здесь ещё одно примечание².

Встроенный код

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

Путь к файлу

Здесь /path/to/the/file.extend.

Блоки кода

Общий

Bu umumiy kod parchasidir, sintaksis yoritish va qator raqamlari yo'q.

Специальный язык

if [ $? -ne 0 ]; then
  echo "Buyruq muvaffaqiyatli bajarilmadi.";
  # kerakli ishlarni bajaring / chiqish
fi;

Специальное имя файла

@import
  "colors/light-typography",
  "colors/dark-typography";

Математика

Математика поддерживается с помощью MathJax:

\[\begin{equation} \sum_{n=1}^\infty 1/n^2 = \frac{\pi^2}{6} \label{eq:series} \end{equation}\]

Мы можем ссылаться на уравнение как \eqref{eq:series}.

Если $a \ne 0$, квадратное уравнение $ax^2 + bx + c = 0$ имеет два корня:

\[x = {-b \pm \sqrt{b^2-4ac} \over 2a}\]

Mermaid SVG

 gantt
  title  Добавление функции диаграммы GANTT в диаграмму Mermaid
  apple :a, 2017-07-20, 1w
  banana :crit, b, 2017-07-23, 1d
  cherry :active, c, after b a, 1d

Изображения

Стандарт (с подписью)

Полная ширина экрана и центрированное выравнивание

Выровнено влево

Обтекание слева

Здесь размещён демонстрационный текст, показывающий обтекание изображения слева. Текст продолжает показ примера форматирования и интерлиньяжа.

Обтекание справа

Здесь расположен демонстрационный текст, показывающий обтекание изображения справа. Текст служит примером типографики рядом с изображением.

Тёмный/светлый режим и тени

Следующее изображение переключается в зависимости от предпочтений темы (тёмная/светлая) и демонстрирует тени.

Видео

Сноски

1. Источник примечания ↩︎

2. Источник примечания 2 ↩︎