## Markdown

Все о [Markdown](https://itnext.io/github-markdown-cheatsheet-50642835effa)

> Полезный термин WYSIWYG - акроним от "what you see is what you get"
>
> Файл markdown не придерживается этого принципа

## Полезности для оформление текста

<details><summary>Раскрыть</summary>
<p>

### 0. Ссылки как в Википедии

Пример:

Сайт [Википедии](https://ru.wikipedia.org/wiki/Заглавная_страница)

#### 1. Вставка фотографий

Можно использовать два варианта:

* С заданными параметрами высоты и ширины

```
<img src="ссылка на картинку" alt="альтернативный текст" width="250" height="250">
``` 

* С дефолтными параметрами высоты и ширины

```
![DATA](/pictures/other/git_data.png)
```
#### 2. Раскрывающийся список

```
<details><summary>Open</summary>
<p>
  
</p>
</details>
```

Пример:

<details><summary>Раскрыть</summary>
<p>
  Раскрыл! Теперь скрой.
</p>
</details>

#### 3. Таблицы

| Плюсы | Минусы |
|---|---|
| 1 | 2 |

#### 4. Выделить абзац

Пример:

>  Абзац
>  * Пункт 1
>  * Пункт 2

#### 5. Выделить текст внутри абзаца

Пример: Ввести в командную строку `rm - rf *`

</p>
</details>

## Ссылка на определенный абзац на любой странице

Добавление фрагмента текста в url.

Например: https://github.com/github/learn.github.com/blob/gh-pages/README.md#:~:text=development

Вам просто нужно добавить #:~:text={text-that-you-want-to-be-focussed} в конце url

Подробнее о фрагменте текста читайте [здесь](https://wicg.github.io/scroll-to-text-fragment/)

## Ссылка на определенный абзац на странице github

Необходимо писать в таком формате: [Markdown](#Markdown)

Н/р: https://github.com/airbnb/javascript/blob/master/README.md#types

## Гифка итогового приложения

Обрезать видео можно на маке по дефолту
* [Замедлить или ускорить видео](https://clideo.com/ru/editor/change-video-speed)
* [Переделать в гифку](https://ezgif.com/video-to-gif)

Потом все это грузим в issue и оттуда ссылку берем и вставляет в readme файл 

---

[1.2 Git Folder](/1%20Common/1.2%20Git/) | [Back To iTWiki Contents](https://github.com/eldaroid/iTWiki) |  [1.2.1.2 Marmaid Diagram Theme](./1.2.1.2%20MermaidDiagram.md)