Полное руководство по типографике в Markdown

🔤 Введение в Markdown Typography

Markdown - это легкий язык разметки, который позволяет форматировать текст с минимальными усилиями. Этот гайд покажет все возможности типографики.

📝 Основы форматирования текста

Синтаксис Заголовков

Markdown поддерживает 6 уровней заголовков:

Пример Синтаксиса

## Заголовок второго уровня
### Заголовок третьего уровня
#### Заголовок четвертого уровня
##### Заголовок пятого уровня
###### Заголовок шестого уровня

Визуальное Представление Заголовков

Заголовок второго уровня

Заголовок третьего уровня

Заголовок четвертого уровня

Заголовок пятого уровня

Заголовок шестого уровня

Стили Текста

Демонстрация Стилей Текста

**Жирный текст**
*Курсивный текст*
***Жирный курсив***
~~Зачеркнутый текст~~

Результат Применения Стилей

Жирный текст Курсивный текст Жирный курсив Зачеркнутый текст

📋 Типы Списков

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

Пример Нумерованного Списка

1. Первый элемент
2. Второй элемент
3. Третий элемент

Визуализация Нумерованного Списка

1. Первый элемент
2. Второй элемент
3. Третий элемент

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

Пример Ненумерованного Списка

- Первый элемент
- Второй элемент
  - Подэлемент
- Третий элемент

Визуализация Ненумерованного Списка

• Первый элемент
• Второй элемент
  • Подэлемент
• Третий элемент

🖋️ Дополнительные Элементы Разметки

Цитаты

Пример Цитаты

> Это основная цитата
> 
> С несколькими строками

Визуализация Цитаты

Это основная цитата

С несколькими строками

Код

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

Синтаксис Встроенного Кода

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

Результат Встроенного Кода

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

Блоки Кода

Пример Блока Кода

```python
def hello_world():
    print("Привет, мир!")
```

Визуализация Блока Кода

def hello_world():
    print("Привет, мир!")

Сноски

Синтаксис Сносок

Текст с первой сноской[^1]. 
Текст со второй сноской[^2].

[^1]: Первая сноска
[^2]: Вторая сноска

Результат Сносок

Текст с первой сноской[^1]. Текст со второй сноской[^2].

[^1]: Первая сноска [^2]: Вторая сноска

Горизонтальная Линия

Синтаксис Линии

---

🔗 Ссылки и Изображения

Гиперссылки

Примеры Ссылок

[Ссылка на сайт](https://example.com)
[Ссылка с title](https://example.com "Описание сайта")

Визуализация Ссылок

Ссылка на сайт Ссылка с title

Изображения

Синтаксис Изображений

![Логотип Markdown](https://upload.wikimedia.org/wikipedia/commons/4/48/Markdown-mark.svg)
![GitHub логотип](https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png)

Галерея Изображений

🌟 Расширенный синтаксис

Таблицы

Пример Таблицы

| Колонка 1 | Колонка 2 | Колонка 3 |
|-----------|-----------|-----------|
| Строка 1  | Данные    | Инфо      |
| Строка 2  | Значение  | Данные    |

Визуализация Таблицы

Задачи

Пример Задач

- [x] Выполненная задача
- [ ] Невыполненная задача
- [x] Еще одна выполненная

Визуализация Задач

• Выполненная задача
• Невыполненная задача
• Еще одна выполненная

💡 Советы и best practices

1. Используйте консистентный стиль
2. Не перегружайте текст
3. Помните о читаемости
4. Экспериментируйте

📚 Полезные ресурсы

• Официальное руководство Markdown
• GitHub Markdown Guide

🤔 Заключение

Markdown - мощный и простой инструмент для форматирования текста. Практикуйтесь и открывайте для себя новые возможности!

      .               .                .               .--- 1          .-- 1     / 1
     / \              |                |           .---+            .-+         +
    /   \         .---+---.         .--+--.        |   '--- 2      |   '-- 2   / \ 2
   +     +        |       |        |       |    ---+            ---+          +
  / \   / \     .-+-.   .-+-.     .+.     .+.      |   .--- 3      |   .-- 3   \ / 3
 /   \ /   \    |   |   |   |    |   |   |   |     '---+            '-+         +
 1   2 3   4    1   2   3   4    1   2   3   4         '--- 4          '-- 4     \ 4

Column 1,Column 2,Column 3
C++,Web,Assembly
Javascript,CSS,HTML