Syntax: различия между версиями

1768 байт добавлено ,  3 месяца назад
 
(не показано 11 промежуточных версий этого же участника)
Строка 69: Строка 69:
</pre>
</pre>


Включения нужно изменять с большой осторожностью, так как изменение текста в одном месте повлияет на несколько страниц одновременно.
Включения нужно изменять с большой осторожностью, так как изменение текста в одном месте повлияет на несколько страниц одновременно. Чтобы отредактировать включение, скопируйте текст между фигурными скобками, вставьте в поле поиска по документации и перейдите на предложенную страницу.


Внутри включения можно использовать теги:
Внутри включения можно использовать теги:
Строка 172: Строка 172:
#: Вторая строка первого пункта
#: Вторая строка первого пункта
#: Третья строка первого пункта
#: Третья строка первого пункта
# Второй пункт
# Второй пункт, картинка:
#: [[Image: FileName.png |300px| Картинка в списке ]]
#: [[Image: FileName.png |300px| Картинка в списке ]]
# Третий пункт
# Третий пункт
Строка 195: Строка 195:
[[Название страницы#Название раздела | Видимый текст]]
[[Название страницы#Название раздела | Видимый текст]]
</pre>
</pre>
Но лучше добавить в страницу якорь и сослаться на него, так в случае, если заголовок раздела будет переименован, то ссылка не сломается:
# Добавляем якорь:
#:<pre>{{Anchor|anchor-name}}</pre>
# Ссылаемся на этот якорь по аналогии с заголовком:
#:<pre>[[#anchor-name]]</pre>


'''Примеры:'''
'''Примеры:'''
Строка 224: Строка 230:


== Изображение ==
== Изображение ==
=== Как загрузить новое изображение ===
[[Image: FileName.png |300px|thumb|right| Изображение с выравниванием по правому краю]]
Чтобы ссылки на файлы смотрелись хорошо, давайте файлам имена латиницей.
Для добавления нового изображения, просто вставьте один из примеров ниже в текст страницы и нажмите '''Предпросмотр'''. После на странице появится ссылка на добавление нового файла. Нажмите на ссылку, откроется окно, где можно выбрать файл изображения.


[[Image: FileName.png |300px|thumb|right| Изображение с выравниванием по правому краю ]]
[[Image: Add new file link.png |372px| Так выглядит ссылка на добавление нового файла]]
По умолчанию изображения добавляем с выравниванием по левому краю:
 
=== Примеры ===
По умолчанию изображения добавляем с выравниванием по левому краю, такое выравнивание особенно хорошо смотрится в списках:
<pre>
<pre>
[[Image: FileName.png |300px| Подпись ]]
[[Image: FileName.png |300px| Подпись ]]
Строка 232: Строка 245:
[[Image: FileName.png |300px| Изображение в тексте по левому краю]]
[[Image: FileName.png |300px| Изображение в тексте по левому краю]]


Или по центру, так хорошо смотрятся большие изображения:
Ещё есть выравнивание центру, так хорошо смотрятся большие изображения в абзаце:
<pre>
<pre>
[[Image: FileName.png |500px|center| Подпись ]]
[[Image: FileName.png |500px|center| Подпись ]]
Строка 290: Строка 303:


<syntaxhighlight lang="html">
<syntaxhighlight lang="html">
<gallery mode="packed" heights="150px">
<gallery mode="packed" heights="150px" caption="Галерея">
Image: FileName1 | Описание
Image: FileName1 | Описание
Image: FileName2 | Описание
Image: FileName2 | Описание
Строка 297: Строка 310:
</syntaxhighlight>
</syntaxhighlight>


<gallery mode="packed" heights="150px">
<gallery mode="packed" heights="150px" caption="Галерея">
Image: Installation WB-CT309.png | Выбор схемы обжима в зависимости от ориентации трансформаторной сборки
Image: Installation WB-CT309.png | Выбор схемы обжима в зависимости от ориентации трансформаторной сборки
Image: WBCT_RJ12_pinout.png | Схема 1. Обжим витой пары для подключения трансформаторной сборки. Серийный вариант
Image: WBCT_RJ12_pinout.png | Схема 1. Обжим витой пары для подключения трансформаторной сборки. Серийный вариант
Строка 355: Строка 368:


== Листинг кода ==
== Листинг кода ==
<pre>
<syntaxhighlight lang="html">
<syntaxhighlight lang="html">
код
код
</syntaxhighlight>
</syntaxhighlight>
 
</pre>
Список языков:  https://pygments.org/languages/, для подсветки листинга правил использовать язык ''ecmascript''.
Список языков:  https://pygments.org/languages/, для подсветки листинга правил использовать язык ''ecmascript''.