Базовое форматирование
Оформление текста
*‘жирный’ | жирный |
_‘подчёркнутый’ | подчёркнутый |
-‘зачёркнутый’ | |
~‘курсив’ | курсив |
Примечание:
Вот так не работает:
Обратите внимание, что использование отдельных символов для открывающей и закрывающей кавычек предоставляет возможность неограниченной вложенности элементов форматирования.
Вот так не работает:
~*‘жирный курсив’ (будет просто ~жирный), пишите так: ~‘*‘жирный курсив’’ или так: *‘~‘жирный курсив’’ (так и задумано).Обратите внимание, что использование отдельных символов для открывающей и закрывающей кавычек предоставляет возможность неограниченной вложенности элементов форматирования.
Ссылки и всплывающие подсказки
Ссылка[http://адрес]
Ссылка[http://адрес ‘текст всплывающей подсказки’]
Текст[‘текст всплывающей подсказки’]
Подробнее (больше примеров)
| Пк-разметка | HTML | Как выглядит |
|---|---|---|
| [http://address] | <a href="http://address">http://address</a> | http://address |
| ссылка[http://address] | <a href="http://address">ссылка</a> | ссылка |
| ссылка[https://address] | <a href="https://address">ссылка</a> | ссылка |
| ‘многословная ссылка’[http://address] | <a href="http://address">многословная ссылка</a> | многословная ссылка |
| ссылка[https://address ‘текст всплывающей подсказки’] | <a href="https://address" title="текст всплывающей подсказки">ссылка</a> | ссылка |
| текст[‘текст всплывающей подсказки’] | <abbr title="текст всплывающей подсказки">текст</abbr> | текст |
| ссылка1[http://address1][-1] ссылка2[http://address2][-2] ‘ссылка на address1’[-1] ‘ссылка на address2’[-2] | <a href="http://address1">ссылка1</a><br /> <a href="http://address2">ссылка2</a><br /> <a href="http://address1">ссылка на address1</a><br /> <a href="http://address2">ссылка на address2</a> | ссылка1 ссылка2 ссылка на address1 ссылка на address2 |
| Почему [-1]?
Раньше я хотел использовать запись
[-N]для указания на одну из предыдущих ссылок ( [-1]указывает на предыдущую ссылку, [-2]на предпредыдущую и так далее), например: Посмотрите сюда[http://address1] и сюда[http://address2]. Теперь ‘эта ссылка’[-1] указывает на address2, а эта[-2] — на address1. Но быстро пришёл к пониманию, что такие ссылки слишком легко ломаются — в данном примере достаточно просто вставить новую ссылку между любыми ссылками, и ссылка [-2]сломается. Поэтому, чтобы исключить соблазн задействовать в будущем запись [-N]для таких очень-легко-ломающихся ссылок, я решил задействовать именно эту запись для не-настолько-легко-ломающихся ссылок :). А запись [N]я решил не использовать, так как она достаточно часто встречается в документах и на различных веб-страницах, например: https://ru.wikipedia.org/wiki/Смещение_перигелия_Меркурия: | ||
Заголовки, изображения, цвет и таблицы
| Н (русская) | H (английская) | Название заголовка\Header |
| Р (русская) | P (английская) | Рисунок\Picture [почему не I(image)] |
| С (русская) | C (английская) | цвет(Свет)\Color |
| Т (русская) | T (английская) | Таблица\Table |
Заголовок — Н‘Название заголовка’
Изображение/рисунок — Р‘http://адрес_изображения’
Текст красным цветом — С(#фф0000)‘текст’
Подробнее (больше примеров)
| Пк-разметка | HTML | Как выглядит | |||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Заголовки\Headers | |||||||||||
| H‘Заголовок’ | <h3>Заголовок</h3> | Заголовок | |||||||||
| H(0)‘Заголовок’ | |||||||||||
| H(1)‘Заголовок’ | <h2>Заголовок</h2> | Заголовок | |||||||||
| H(+1)‘Заголовок’ | |||||||||||
| H(-1)‘Заголовок’ | <h4>Заголовок</h4> | Заголовок | |||||||||
| Изображения/Рисунки\Pictures | |||||||||||
| P‘https://.../blue_circle.png’ | <img src="https://.../blue_circle.png" /> |  | |||||||||
| P‘https://.../blue_circle.png’[http://address] | <a href="http://address"><img src="https://.../blue_circle.png" /></a> | | |||||||||
| P‘https://.../blue_circle.png’[‘текст всплывающей подсказки’] | <img src="https://.../blue_circle.png" title="текст всплывающей подсказки" /> | | |||||||||
| P‘https://.../blue_circle.png’[http://address ‘текст всплывающей подсказки’] | <a href="http://address" title="текст всплывающей подсказки"><img src="https://.../blue_circle.png" /></a> | | |||||||||
| Цвет текста | |||||||||||
| Цвет задаётся в формате #ККЗЗСС или #ККЗЗССАА (Красный, Зелёный, Синий, Альфа) посредством шестнадцатеричных цифр (можно использовать кириллицу: абсдеф/АБСДЕФ является аналогом abcdef/ABCDEF) или в формате КЗС, КЗСА или С посредством цифр от 0 до 8. | |||||||||||
| С(#ff0000)‘красный текст’ | <span style="color: #ff0000">красный текст</span> | красный текст | |||||||||
| С(800)‘тоже красный текст’ | <span style="color: #FF0000">тоже красный текст</span> | тоже красный текст | |||||||||
| С(000)‘чёрный текст’ | <span style="color: #000000">чёрный текст</span> | чёрный текст | |||||||||
| С(4)‘серый текст’ | <span style="color: #808080">серый текст</span> | серый текст | |||||||||
| С(0000)‘прозрачный текст’ | <span style="color: #00000000">прозрачный текст</span> | прозрачный текст | |||||||||
| С(-880)‘текст на жёлтом фоне’ | <span style="background-color: #FFFF00">текст на жёлтом фоне</span> | текст на жёлтом фоне | |||||||||
| С(888-000)‘белый текст на чёрном фоне’ | <span style="color: #FFFFFF; background-color: #000000">белый текст на чёрном фоне</span> | белый текст на чёрном фоне | |||||||||
| Таблицы | |||||||||||
Т‘ Н‘‘A’ ‘B’ ‘C’’ ‘‘1’ ‘2’ ‘3’’ ’ | <table> <tr><th>A</th><th>B</th><th>C</th></tr> <tr><td>1</td><td>2</td><td>3</td></tr> </table> |
| |||||||||
| Объединение ячеек таблицы | |||||||||||
Чтобы объединить ячейки таблицы, нужно каждую отсутствующую ячейку заменить на символ -или символ |таким образом, чтобы следуя по символу -влево и по символу |вверх можно было выйти на соответствующую значимую ячейку. | |||||||||||
Т‘‘ ‘A’ ‘B’ ’‘ ‘C’ - ’’ | <table> <tr><td>A</td><td>B</td></tr> <tr><td colspan="2">C</td></tr> </table> |
| |||||||||
T‘‘ ‘ ’ ‘ ’ ‘1’ ’‘ ‘ ’ ‘ ’ | ’‘ ‘2’ - | ’’ | <table> <tr><td> </td> <td></td><td rowspan="3">1</td></tr> <tr><td> </td> <td></td></tr> <tr><td colspan="2">2</td></tr> </table> |
| |||||||||
T‘‘ ‘ ’ ‘ ’ ‘1’ ’‘ ‘ ’ ‘ ’ | ’‘ ‘2’ - - ’’ | <table> <tr><td> </td><td> </td><td rowspan="2">1</td></tr> <tr><td> </td><td> </td></tr> <tr><td colspan="3">2</td></tr> </table> |
| |||||||||
Для больших объединений ячеек (2х2 и более): вправо от значимой ячейки идут символы -, вниз идут символы |, а остальные отсутствующие ячейки можно заполнять либо символом -либо |, но рекомендуется всегда использовать -. | |||||||||||
T‘‘ ‘1’ - - ‘2’ ’‘ | - - ‘3’ ’‘ | - - ‘4’ ’‘ ‘5’ ‘6’ ‘7’ ’’ | <table> <tr><td colspan="3" rowspan="3">1</td><td>2</td></tr> <tr><td>3</td></tr> <tr><td>4</td></tr> <tr><td>5</td><td>6</td><td>7</td></tr> </table> |
| |||||||||
Комментарии
[[[комментарий/контейнер для воды (:]]]
Дополнительные возможности форматирования
Показать/скрыть
Спойлеры (разворачиваемый блок информации)
| Пк-разметка | Как выглядит |
|---|---|
| ‘Заголовок спойлера’{Содержимое спойлера} | Заголовок спойлера
Содержимое спойлера
|
| ‘Заголовок спойлера’{ Содержимое спойлера } | Заголовок спойлера
Содержимое
спойлера |
| текст {пояснение} продолжение текста | текст {…пояснение} продолжение текста |
| Для чего нужна последняя форма
Если внимательно понаблюдать за собой, то возможно обнаружить [такой факт], что мышление в действительности не линейно, а древовидно.
[{… Нередко в процессе высказывания какой-либо длинной законченной мысли {…а вернее: цепочки [из] мыслей, или связанной последовательности мыслей} возникают уточняющие мысли {…ну и, конечно же, ими не терпится сразу же поделиться :)} ещё до того, как была высказана мысль изначальная. И дабы не запутывать слушателя или читателя несвязными потоками мыслей, разумнее/логичнее сначала полностью высказать/закончить изначальную мысль. Но если в разговоре сделать это может быть не так просто, то для письменной формы [высказывания/выражения своих мыслей] я предлагаю такой инструмент структурирования {…а точнее говоря, инструмент, который подсказывает читателю порядок чтения текста автора для более лёгкого и точного его понимания} мыслей, облегчающий для читателя понимание всего, что хотел сказать автор текста. Для того, чтобы это "работало", я предлагаю следовать такому простому правилу: раскрывать фигурные скобочки, то есть запись {…}, читателю следует после прочтения всего абзаца {…ну или хотя бы [соответствующего] предложения} целиком. А для чего было заключать этот текст в [{такие}] скобочки?
| |
Списки
1. Нумерованный 2. список 3.‘если требуется многострочный элемент списка’
. Маркированный . список .‘многострочный элемент списка’
Горизонтальные линии
Горизонтальная линия (HTML-тег <hr />) вставляется посредством трёх или более дефисов (также строка не должна содержать никаких других символов).
---
Выглядит так:
"Сырой"\Raw HTML
'‘HTML-код... ...’'(Вставка непарных кавычек ’ и ‘ внутри HTML-кода решается посредством такого синтаксического правила: символы апострофа ' перед ‘такой строкой’ съедают начальные символы ‘, а после ‘такой строки’ съедают конечные символы ’, и если в тексте строки встречается несколько непарных кавычек, то необходимо добавить соответствующее количество апострофов ' с нужной стороны, например:
'''‘‘‘Don’t! Don’t!’', неправильные кавычки ’‘ —
''‘‘’‘’’''(примечание).)
Примеры
| Пк-разметка | HTML | Как выглядит |
|---|---|---|
| < | < | < |
'‘<div><</div>’' | <div><</div> | < |
'‘Don‘t! Don‘t! Don‘t!’’’’'''' | Don‘t! Don‘t! Don‘t! | |
''‘‘’‘’’'' | ’‘ | |
''''‘‘‘‘Don’t! Don’t! Don’t!’' | Don’t! Don’t! Don’t! | |
Don'‘’t! Don'‘’t! Don'‘’t! | Don’t! Don’t! Don’t! | |
Отключение пк-форматирования
0‘текст/код *‘без’ форматирования (обычным шрифтом)’
(Для вставки текста без пк-форматирования можно использовать '‘сырой HTML’')
'‘текст/код *‘без’ форматирования (обычным шрифтом)’'
(Запись 0‘...’ отличается от '‘сырого HTML’' только тем, что в 0‘...’ каждый символ
(Запись 0‘...’ отличается от '‘сырого HTML’' только тем, что в 0‘...’ каждый символ
&заменяется на
&, каждый символ
<заменяется на
<и перед каждым символом новой строки вставляется тег
<br />.)
Вставка исходного кода
`код`
``код``
```код```
#‘код’
#(язык)‘код’ (например: #(JavaScript)‘код’)
(Код отображается
моноширинным шрифтом.)
Примечания
!‘Примечание’
Примечание
Цитирование
> Цитата
ЦитатаПробел после `>` ставить обязательно? Зачем?
Да, обязательно.
Зачем — для избежания/исключения возможных проблем в случаях {…а также чтобы в записи
Поэтому, следует писать так:
Зачем — для избежания/исключения возможных проблем в случаях {…а также чтобы в записи
<тег>текст[в начале строки] символ
<не воспринимался как обозначение ответной цитаты}:
>‘Текст ссылки’[http://...] продолжение текста.может быть неверно истолковано как:
>‘Текст ссылки’ [http://...] продолжение текста.
Поэтому, следует писать так:
> ‘Текст ссылки’[http://...] продолжение текста.либо так:
>‘‘Текст ссылки’[http://...] продолжение текста.’
>‘Многострочная
цитата’
Многострочная
цитата
< Ответная цитата
Ответная цитата[Иногда в ответ на сообщение удобно просто привести цитату из текста статьи или из другого сообщения.]
Цитаты с указанием источника и/или автора
| >[http://address]:‘Цитата из текста по ссылке.’ | http://address: |
| >[http://another-address][-1]:‘Цитата из текста по ссылке.’ >[-1]:‘Другая цитата из текста по этой же ссылке.’ | [1]http://another-address: [1]http://another-address: |
| >‘Имя автора’[http://address]:‘Текст цитаты.’ | Имя автора: |
| >‘Имя автора’[http://address][-1]:‘Текст цитаты.’ >‘Имя автора’[-1]:‘Другая цитата из текста по этой же ссылке.’ | Имя автора: Имя автора: |
| >‘Имя автора’:‘Текст цитаты.’ | Имя автора: |
| ‘Текст цитаты.’:‘Имя автора’< | Текст цитаты. |
Выравнивание текста
<<‘выравнивание по левому краю’
>>‘выравнивание по правому краю’
><‘выравнивание по центру’
<>‘выравнивание по ширине’
/\‘надстрочный’ текст
\/‘подстрочный’ текст
Выравнивание текста в ячейках таблиц
Вертикальное:
/\— по верхнему краю
\/— по нижнему краю
Горизонтальное:
<< — по левому краю
>> — по правому краю
>< — по центру
<> — по ширине