Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-26

1 <p><strong>Markdown - язык разметки текстов. Такие тексты легко писать и читать. Их можно без труда сконвертировать в HTML. Большинство программистов предпочитают Markdown для написания документации, описаний своих проектов, написания блогов и так далее.</strong></p>

2 <h2>Содержание</h2>

3 <ul><li><a>Что это значит?</a></li>

4 <li><a>Зачем это нужно?</a></li>

5 <li><a>Синтаксис Markdown</a></li>

6 <li><a>Дополнительно про Markdown</a></li>

7 </ul><h2>Что это значит?</h2>

8 <p>"Язык разметки" - это просто набор соглашений, правил.</p>

9 <p>Допустим, что вы общаетесь с другом по СМС. В них нельзя сделать текст жирным или наклонным. Вы договариваетесь с другом: если я пишу *что-то* вот так между звездочками, то считай, что это наклонный текст. А если я пишу **что-то** между двумя звездочками, то считай, что это жирный текст. Вы придумали<em>правила</em>.</p>

10 <p>Markdown - это набор подобных правил.</p>

11 <p>Правила понятны разным программам и сайтам. Например, "Вопросы и ответы" в уроках на Хекслете поддерживают Markdown. Это значит, что вы можете писать туда тексты по правилам Markdown, а после нажатия "Отправить" разметка станет реальной: текст в одинарных звездочках станет наклонным, текст в двойных звездочках станет жирным и так далее. Это конвертация из Markdown в HTML.</p>

12 <h2>Зачем это нужно?</h2>

13 <ol><li>Для добавления разметки туда, где невозможна реальная разметка. Например, в простом текстовом файле или в тех же СМС, где невозможно выделение жирным, создание заголовков, выделение цитат и пр.</li>

14 <li>Для более удобного написания текстов для последующей конвертации в HTML или другие форматы.</li>

15 </ol><h2>Синтаксис Markdown</h2>

16 <p>Это краткий справочник основных элементов синтаксиса Markdown. Единого стандарта не существует и разные версии Markdown могут отличаться в деталях. Но базовые элементы из списка ниже поддерживаются во всех стандартах.</p>

17 <h3>Выделение текста</h3>

18 <h3>Заголовки</h3>

19 <p># Это самый крупный заголовок, он превращается в тег <h1> ## <h2> ### <h3> #### <h4> ##### <h5> ###### <h6></p>

20 <h3>Ссылки</h3>

21 <p>Ссылкой можно сделать любой текст:</p>

22 <h3>Цитата</h3>

23 <h3>Картинки</h3>

24 <h3>Код</h3>

25 <p>Для выделения кода (или любого неотформатированного текста) используются специальные символы - обратные тики: `</p>

26 <p>Иногда нужно добавить кусок кода `function(12);` в обычную строчку текста.</p>

27 <p>А иногда нужно вставить целый блок кода:</p>

28 <p>```javascript const func = (num) => { if (num > 0) { return num - 1; } return num + 1; }; ```</p>

29 <h3>Списки</h3>

30 <p>Непронумерованный список:</p>

31 <p>Пронумерованный список:</p>

32 <p>В пронумерованном списке можно использовать любые числа - это не важно. При конвертации в HTML или другой формат числа станут правильными и последовательными (1, 2, 3 и т.д.).</p>

33 <h2>Дополнительно про Markdown</h2>

34 <ol><li><a>Markdown в Википедии</a></li>

35 <li><a>10-минутный интерактивный туториал</a></li>

36 </ol>