Язык разметки Markdown — различия между версиями

 
(не показано 15 промежуточных версий 2 участников)
Строка 1: Строка 1:
https://marketplace-cdn.atlassian.com/files/com.atlassian.plugins.confluence.markdown.confluence-markdown-macro/icons/tiny/b043b911-fad7-4878-b271-a9f5f3fd73de_high.png '''Markdown''' - это простой способ форматирования текста. В [http://office.berdyansk.net point-office] он используется для описания заявок абонентов в журнале заявок.
+
https://cdn.iconscout.com/icon/free/png-256/markdown-2-458334.png '''Markdown''' - это простой способ форматирования текста. В [http://office.berdyansk.net point-office] он используется для описания заявок абонентов в журнале заявок.
  
{| class="wikitable" style="width: 100%;"
+
= Markdown за 60 секунд =
 +
 
 +
 
 +
{| class="wikitable markdown-reference" style="width: 100%;"
 
|-
 
|-
 
!style="text-align: left;"| Введите
 
!style="text-align: left;"| Введите
!style="text-align: left;"| Или
+
!style="text-align: left;"| или
!style="text-align: left;"| Чтобы получить
+
!style="text-align: left;"| ...чтобы получить
  
 
|-
 
|-
| <tt>*Курсив*</tt>
+
| <pre>*Курсив*</pre>
| <tt>_Курсив_</tt>
+
| <pre>_Курсив_</pre>
 
| ''Курсив''
 
| ''Курсив''
  
 
|-
 
|-
| <tt>**Жирный**</tt>
+
| <pre>**Жирный**</pre>
| <tt>__Жирный__</tt>
+
| <pre>__Жирный__</pre>
 
| '''Жирный'''
 
| '''Жирный'''
  
 
|-
 
|-
| <tt># Заголовок 1</tt>
+
| <pre># Заголовок 1</pre>
| <tt>Заголовок 1<br>===========</tt>
+
| <pre>Заголовок 1
 +
===========</pre>
 
| <span style="font-size: 36px;">Заголовок 1</span>
 
| <span style="font-size: 36px;">Заголовок 1</span>
  
 
|-
 
|-
| <tt>## Заголовок 2</tt>
+
| <pre>## Заголовок 2</pre>
| <tt>Заголовок 2<br>-----------</tt>
+
| <pre>Заголовок 2
 +
-----------</pre>
 
| <span style="font-size: 30px;">Заголовок 2</span>
 
| <span style="font-size: 30px;">Заголовок 2</span>
  
 
|-
 
|-
| <pre>### Заголовок 3</pre>
+
| <pre>### Заголовок 3
 +
#### Заголовок 4
 +
##### Заголовок 5
 +
###### Заголовок 6
 +
</pre>
 
|  
 
|  
| <span style="font-size: 24px;">Заголовок 3</span>
+
| <span style="font-size: 24px;">Заголовок 3</span><br>
 +
<span style="font-size: 18px;">Заголовок 4</span><br>
 +
<span style="font-size: 14px;">Заголовок 5</span><br>
 +
<span style="font-size: 12px;">Заголовок 6</span>
 +
 
 +
|-
 +
| <pre>[Описание ссылки](http://google.com)</pre>
 +
| <pre>[Описание ссылки][1]
 +
 +
[1]: http://google.com</pre>
 +
| [http://google.com Описание ссылки]
 +
 
 +
|-
 +
| <pre>![Описание картинки](http://url/to/image.png)</pre>
 +
| <pre>![Описание картинки][1]
 +
 +
[1]: http://url/to/img.jpg</pre>
 +
| https://stats.berdyansk.net/internet_RGB_small.gif
 +
 
 +
|-
 +
| <pre>&gt; Цитата</pre>
 +
|
 +
| <blockquote style="border-left: 4px solid gray; margin-left: 0px; padding-left: 5px; line-height: 2">Цитата</blockquote>
 +
 
 +
|-
 +
| <pre>Параграф.
 +
 
 +
Параграф после 1 пустой строки.</pre>
 +
|
 +
|
 +
Параграф.
 +
 
 +
Параграф после 1 пустой строки.
 +
 
 +
|-
 +
| <pre>Если закончить строку двумя пробелами.··
 +
Следующая строка будет с новой строки.</pre>
 +
|
 +
|
 +
Если закончить строку двумя пробелами.<br>
 +
Следующая строка будет с новой строки.
  
 
|-
 
|-
| <tt>#### Заголовок 4</tt>
+
| <pre>* Список
|  
+
* Список
| <span style="font-size: 18px;">Заголовок 4</span>
+
* Список</pre>
 +
| <pre>- Список
 +
- Список
 +
- Список</pre>
 +
|
 +
* Список
 +
* Список
 +
* Список
 +
 
 +
|-
 +
| <pre>1. Список
 +
2. Список
 +
3. Список</pre>
 +
| <pre>1) Список
 +
2) Список
 +
3) Список</pre>
 +
| <ol style="margin-left: 1.5em">
 +
<li>Список</li>
 +
<li>Список</li>
 +
<li>Список</li>
 +
</ol>
  
 
|-
 
|-
| <tt>##### Заголовок 5</tt>
+
| <pre>Горизонтальная линия
|  
+
 
| <span style="font-size: 14px;">Заголовок 5</span>
+
---</pre>
 +
| <pre>Горизонтальная линия
 +
 
 +
***</pre>
 +
| Горизонтальная линия
 +
<hr>
  
 
|-
 
|-
| <tt>###### Заголовок 6</tt>
+
| <pre>`Текст с сохранением разметки` с помощью обратных апострофов</pre>
|  
+
|
| <span style="font-size: 12px;">Заголовок 6</span>
+
| <code style="border: 1px solid #ccc; background-color: #ccc; border-radius: 3px; padding: 3px;">Текст с сохранением разметки</code> с помощью обратных апострофов
  
 
|-
 
|-
| <pre>[Ссылка куда-то](http://google.com)</pre>
+
| <pre>```
| <pre>[Ссылка куда-то][1]
+
# Блок с сохранением разметки
+
print '3 обратных апострофа или'
[1]: http://google.com</pre>
+
print 'отступ в 4 пробела'
| [http://google.com Ссылка куда-то]
+
```</pre>
 +
| <pre>····# Блок с сохранением разметки
 +
····print '3 обратных апострофа или'
 +
····print 'отступ в 4 пробела'</pre>
 +
| <pre style="border: 1px solid #ccc; background-color: #ccc; border-radius: 3px; padding: 3px;"># Блок с сохранением разметки
 +
print '3 обратных апострофа или'
 +
print 'отступ в 4 пробела'</pre>
 +
 
 
|}
 
|}
  
== Заголовок 1 ==
+
= Markdown за 10 минут =
 +
[http://commonmark.org/help/tutorial/ Tutorial на английском]
 +
 
 +
= Markdown в примерах =
 +
[https://markdown-it.github.io/ живой редактор Markdown]

Текущая версия на 13:20, 12 февраля 2020

markdown-2-458334.png Markdown - это простой способ форматирования текста. В point-office он используется для описания заявок абонентов в журнале заявок.

Markdown за 60 секунд[править]

Введите или ...чтобы получить
*Курсив*
_Курсив_
Курсив
**Жирный**
__Жирный__
Жирный
# Заголовок 1
Заголовок 1
===========
Заголовок 1
## Заголовок 2
Заголовок 2
-----------
Заголовок 2
### Заголовок 3
#### Заголовок 4
##### Заголовок 5
###### Заголовок 6
Заголовок 3

Заголовок 4
Заголовок 5
Заголовок 6

[Описание ссылки](http://google.com)
[Описание ссылки][1]
⋮
[1]: http://google.com
Описание ссылки
![Описание картинки](http://url/to/image.png)
![Описание картинки][1]
⋮
[1]: http://url/to/img.jpg
internet_RGB_small.gif
> Цитата
Цитата
Параграф.

Параграф после 1 пустой строки.

Параграф.

Параграф после 1 пустой строки.

Если закончить строку двумя пробелами.··
Следующая строка будет с новой строки.

Если закончить строку двумя пробелами.
Следующая строка будет с новой строки.

* Список
* Список
* Список
- Список
- Список
- Список
  • Список
  • Список
  • Список
1. Список
2. Список
3. Список
1) Список
2) Список
3) Список
  1. Список
  2. Список
  3. Список
Горизонтальная линия

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

***
Горизонтальная линия
`Текст с сохранением разметки` с помощью обратных апострофов
Текст с сохранением разметки с помощью обратных апострофов
```
# Блок с сохранением разметки
print '3 обратных апострофа или'
print 'отступ в 4 пробела'
```
····# Блок с сохранением разметки
····print '3 обратных апострофа или'
····print 'отступ в 4 пробела'
# Блок с сохранением разметки
print '3 обратных апострофа или'
print 'отступ в 4 пробела'

Markdown за 10 минут[править]

Tutorial на английском

Markdown в примерах[править]

живой редактор Markdown