Трудно работать на нашем сайте? Для Вас - Форум по часто задаваемым вопросам. - Написать


IOT Wiki:Вики-разметка

Материал из ИОТ Вики - проекта сетевого социально-педагогического сообщества "СоцОбраз"

Перейти к: навигация, поиск

Содержание

IOT Wiki работает на принципе «ВикиВики»: любой желающий может свободно отредактировать любую статью и изменения будут сразу же учтены и отображены на сайте. В этом хранилище, размещены примеры применяя вики-разметки.

Основы

Редактировать статью легко. Следуйте ссылке «править». Откроется страница правки; на ней есть текстовая форма с исходным текстом статьи, который содержит особые символы. (Это разметка «вики», описанная ниже.)

Затем:

  1. внесите желаемые изменения в исходный текст;
  2. для проверки правильного отображения страницы (форматирования, формул, ссылок, картинок), нажмите кнопку «Предварительный просмотр»;
    • функция «Внесённые изменения» позволяет сравнить настоящую версию исходного кода с тем, что у вас в окне редактирования;
  3. если со страницей всё в порядке, опубликуйте свою новую версию нажатием кнопки «Записать страницу».

Часто бывает удобно предварительно скопировать текст в текстовый редактор Word (через буфер обмена), отредактировать, а затем перенести обратно в окно браузера.

Пожалуйста, пишите с нейтральной точки зрения: избегайте предвзятости и излишней эмоциональности; указывайте источники ваших сведений — это поможет другим проверить и дополнить вашу работу. В общем, следуйте правилам: это не трудно и очень полезно.

Кроме того, вы можете обсуждать статьи с другими участниками. Для этого перейдите к странице «Обсуждение». Для каждой статьи может существовать параллельная страница с её обсуждением. Участники просто редактируют эту страницу, так же, как и статьи. В обсуждениях, опять же, следует придерживаться правил; главное — избегайте резкости и подписывайтесь (четыре тильды ~~~~ в коде страницы).

Создание новой статьи

Создание новой статьи IOT Wiki - возможные пути.

Способ 1

  • введите в строку адреса браузера адрес несуществующей пока страницы:

http://wiki.iot.ru/index.php/Пример названия статьи

Замените «Пример названия статьи» на название вашей статьи и введите.

Способ 2

  • введите в окошечко Поиск в левой части экрана имя статьи , которую вы хотите написать и используйте кнопку Перейти . Если такая статья уже есть, то IOT Wiki предложит Вам её к чтению и правке. Если такой статьи еще нет, то вы будете ее первым автором, далее по ссылке создать страницу!!!

Способ 3

  • Во время редактирования существующей статьи, какое-либо слово или фразу просто введите в двойные квадратные скобки, [[вот так]].

При этом, если слово, которое находится в тексте, стоит в косвенном падеже, то надо поставить чёрточку перед этим словом, и записать перед ним слово в именительном, например: «в [[Теория Павлова|теории Павлова]]».

Когда вы сохраните эту статью, это слово либо укажет на статью, если она уже существует, или станет одной из «красных ссылок», которые позволят вам создавать статью.

Способ 4

  • Впишите название новой статьи -

Способ 5

  • На созданной при регистрации странице участника напишите название своей статьи (в двойных квадратных скобках) и сохранив странцу увидете активную ссылку.

Способ 5

  • В перечне требуемых страниц IOT Wiki выберите имя статьи, которую вы готовы написать.(см. Спецстраницы-Служебные страницы-Требуемые страницы)

Вики-разметка

Ниже приведена справочная таблица по редактированию. Прежде чем применять эти «инструменты» на «живом теле» ПскоВики, поэкспериментируйте, пожалуйста.

Разделы, абзацы, списки и строки

Как это выглядит Что нужно набрать

Начните раздел со строки заголовка:

Новый раздел

Подраздел

Под-подраздел


== Новый раздел ==

=== Подраздел ===

==== Под-подраздел ====

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

Но пустая строка начинает новый абзац.

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

Но пустая строка
начинает новый абзац.
С помощью тега «br» можно разрывать строки,
не начиная новый абзац.
С помощью тега <br> можно разрывать строки,<br />
не начиная новый абзац.

Сделать список очень просто:

  • каждая строка начинается со звездочки;
    • чем больше звёздочек — тем глубже уровень;
      отступ внутри списка можно делать и с помощью двоеточия.
Сделать список очень просто:
* каждая строка начинается со звёздочки;
** чем больше звёздочек — тем глубже уровень;
**: отступ внутри списка можно делать и с помощью двоеточия.
  1. Нумерованные списки тоже хороши:
    1. очень организованные;
    2. легко читаются.
# Нумерованные списки тоже хороши:
## очень организованные;
## легко читаются.
  • Можно также делать смешанные списки:
    1. и вкладывать их
      • как, например,
    2. здесь.
* Можно также делать смешанные списки:
*# и вкладывать их
*#* как, например,
*# здесь.
С помощью точки с запятой в начале строки
и последующего двоеточия
также можно создавать
двухуровневый список: а трёхуровневый — уже нет.
;С помощью точка с запятой в начале строки: и последующего двоеточия
;также можно создавать: двухуровневый список: а трёхуровневый — уже нет.
Двоеточие в начале строки делает отступ для всего абзаца.

Простой перенос строки при этом начинает новый абзац.

Примечание: это применяется в основном при обсуждениях на Страницах обсуждения.

: Двоеточие в начале строки делает отступ для всего абзаца.
Простой перенос строки при этом начинает новый абзац.
ЕСЛИ строка начинается с пробела, ТОГДА
  она будет отформатирована так же,  
    как и набрана;
  шрифтом фиксированной ширины;
  без переноса строк;
КОНЕЦЕСЛИ
Это можно применять для:
  * вставки преформатированного текста;
  * описания алгоритмов;
  * исходного кода программ
  * ascii art (создание изображений при помощи 
    текстовых символов).

ВНИМАНИЕ! Если вы сделаете такую строку длинной, вы сделаете всю страницу широкой и из-за этого менее читабельной. Никогда не начинайте обычные строки с пробела.

 ЕСЛИ строка начинается с пробела, ТОГДА
   она будет отформатирована так же, 
     как и набрана;
   шрифтом фиксированной ширины;
   без переноса строк;
 КОНЕЦЕСЛИ
Это можно применять для:
  * вставки преформатированного текста;
  * описания алгоритмов;
  * исходного кода программ
  * ascii art (создание изображений
    при помощи текстовых символов);
Центрированный текст.
<center>Центрированный текст.</center>
Горизонтальные разделительные линии:

в верху — четыре пунктира выше строки,

внизу — четыре пунктира ниже строки


Горизонтальные разделительные линии: 
----
в верху — четыре пунктира выше строки, 

внизу — четыре пунктира ниже строки
----

Этот абзац отцентрирован.

Этот абзац выровнен по ширине. Вы можете управлять выравниванием текста абзаца, используя тег <p> с параметром align, со значением center для выравнивания по центру, justify для выравнивания по ширине, left для выравнивания по левому краю, right для выравнивания по правому краю.

Этот абзац выровнен по левому краю. Вы можете управлять выравниванием текста абзаца, используя тег <p> с параметром align, со значением center для выравнивания по центру, justify для выравнивания по ширине, left для выравнивания по левому краю, right для выравнивания по правому краю.

Этот абзац выровнен по правому краю. Вы можете управлять выравниванием текста абзаца, используя тег <p> с параметром align, со значением center для выравнивания по центру, justify для выравнивания по ширине, left для выравнивания по левому краю, right для выравнивания по правому краю.

Вы можете управлять выравниванием текста абзаца, используя тег <p> с параметром align, со значением center для выравнивания по центру, justify для выравнивания по ширине, left для выравнивания по левому краю, right для выравнивания по правому краю.

По умолчанию принято выравнивание по левому краю.

Например для выравнивания по ширине используйте такую конструкцию:

<p align=justify> Текст абзаца </p>

Ссылки, URL

Как это выглядит Что надо набрать

Своеобразной рефлексией обучения можно назвать послание от команды "Вираж":


Таким образом, приведённая выше ссылка ведёт на http://wiki.pskovedu.ru/index.php/Рефлексия, которая является статьёй с названием «Рефлексия».

Своеобразной [[рефлексией]] обучения можно назвать послание от команды "Вираж":

Своеобразной [[рефлексия|рефлексией]] обучения можно назвать послание от команды "Вираж":
Окончания сливаются со ссылкой: тестирование,

гены

Окончания сливаются со ссылкой: [[тест]]ирование, [[ген]]ы

Если вы хотите просто создать ссылку на категорию, не добавляя в неё текущую страницу, используйте ссылки следующего вида: Категория:Проекты. Не забывайте добавлять : в начало ссылки.

Если вы хотите просто создать ссылку на категорию,
не добавляя в неё текущую страницу,
используйте ссылки следующего вида:
[[:Категория:Проекты]].
При добавлении комментариев к странице обсуждения следует их подписать. Это можно сделать, добавив три тильды для получения имени пользователя:
Участник:Иван Иванов

или четыре для получения имени пользователя плюс дата/время:

Участник:Иван Иванов 08:10 Oct 5, 2002 (UTC)
При добавлении комментариев к странице обсуждения,
следует их подписать. Это можно сделать, добавив
три тильды для получения имени пользователя:
: ~~~
или четыре для получения имени пользователя плюс
дата/время:
: ~~~~
Именно вариант с датой и временем является предпочтительным.
Медведи на улицах Москвы — это страница,

которая ещё не создана.

  • Вы можете создать её, щёлкнув на ссылку.
  • Чтобы создать новую страницу:
    1. Создайте ссылку на неё на какой-нибудь странице.
    2. Сохраните эту страницу.
    3. Щёлкните на ссылке, которую вы создали. Новая страница откроется для редактирования.
  • После создания страницы, поищите её название и убедитесь, что все корректно ссылаются на неё.
[[Медведи на улицах Москвы]] — это 
страница, которая ещё не создана.

Перенаправляйте название статьи на другую статью, поместив следующий текст в первую строку. Заметьте, что после этого не должно быть текста, иначе перенаправление может не работать.

С Учебный проект на
 #REDIRECT [[Проект]]
Внешняя ссылка: Летописи.ru,
Внешняя ссылка: [http://www.letopisi.ru/index.php/Main_Page Летописи.ru],
Или просто укажите URL: http://ru.wikipedia.org/wiki/Заглавная_страница
Или просто укажите URL: 
http://ru.wikipedia.org/wiki/Заглавная_страница

Форматирование текста

Как это выглядит Что следует набрать

Полужирное и курсивное начертания используются в следующих случаях:

логическое ударение
структурное выделение
логическое ударение в структурном выделении (или наоборот)

Это двойные и тройные апострофы, а не кавычки.

''логическое ударение''<br />
'''структурное выделение'''<br />
'''''логическое ударение в структурном выделении (или наоборот)'''''.

Вы также можете писать курсивом и жирным, если вас интересует определенный стиль шрифта, а не логическое выделение, например, в математических формулах:

F = ma

Тем не менее, разница между этими двумя методами не очень важна для графических браузеров, и многие люди просто игнорируют её.

Вы также можете писать ''курсивом'' и '''жирным''',
если вас интересует определенный стиль шрифта, 
а не логическое выделение, например, в математических формулах:

:'''F''' = ''m'''''a'''
Моноширинный шрифт для технических терминов.
Моноширинный шрифт для  <tt>технических терминов</tt>.
Специальное форматирование для фрагментов исходного кода.
Специальное форматирование для фрагментов <code>исходного кода</code>.
Вы можете использовать маленький текст для заголовков.
Вы можете использовать <small>маленький текст</small> для заголовков.
И можете использовать большой текст для заголовков.
Вы можете использовать <big>большой текст</big> для заголовков.
Вы можете перечёркивать удалённый материал

и подчёркивать новый материал.

Вы можете <strike>перечёркивать удалённый материал</strike>
и <u>подчёркивать новый материал</u>.
x2   ≥   0 true

Для разделения пробелами используйте знак пробела: &nbsp;. Это также предотвращает переносы строк посреди текста, что полезно в формулах.

''x''<sup>2</sup>&nbsp;&nbsp;&ge;&nbsp;&nbsp;0 true.
Нижний индекс: x2

Верхний индекс: x2 или x²

Второй метод не может использоваться в общем случае, но при возможности (например, для единиц измерения) следует использовать именно его, поскольку большинство браузеров при этом лучше форматируют строки:

ε0 = 8.85 × 10−12

C² / J m.
Нижний индекс: x<sub>2</sub>
Верхний индекс: x<sup>2</sup> or x&sup2;
&epsilon;<sub>0</sub> =
8.85 &times; 10<sup>&minus;12</sup>
C&sup2; / J m.
Вы можете использовать маленький текст для заголовков.
Вы можете использовать <small>маленький текст</small> для заголовков.

Содержание статьи

Если в статье содержится, по меньшей мере, четыре раздела, то панель «Содержание» (с оглавлением статьи) автоматически появляется на странице, непосредственно перед первым заголовком сразу после вступительного раздела).

  • Если вы хотите, чтобы «Содержание» появилось в каком-либо другом месте статьи (а не там, где оно появляется по умолчанию), то поместите __TOC__ в этом месте. Если вы хотите, чтобы при этом «Содержание» появлялось сдвинутым к правому краю страницы, а текст слева обтекал содержание, то используйте шаблон {{TOC-Right}} вместо ключевого слова __TOC__.
  • А для того, чтобы «Содержание» вообще нигде не появлялось, достаточно поместить ключевое слово __NOTOC__ где угодно на странице.

Изображения

В IOT Wiki можно размещать рисунки и фотографии. Если вы хотите добавить изображение к своей статье, то сделайте цифровую фотографию или рисунок и разместите.
  • Изображение может разместить только авторизованный пользователь.
  • На левой колонке «Инструменты» есть специальная команда - Загрузить файл
  • Назовите свой графический файл уникальным именем . Это позволит Вам найти его и уберечь от перезаписи.

Вставка без изменения размеров

Чтобы вставить загруженное изображение в статью, достаточно указать ссылку на него: [[Изображение:Файл]].


«По умолчанию» изображение будет воспроизводиться слева в полную величину, а текст начинаться ниже его. Если вы хотите дать только ссылку на изображение, не воспроизводя его на странице, то поставьте двоеточие перед словом «Изображение»: [[:Изображение:Файл]]. Щелчок на такую надпись загружает страницу самого изображения. Вот попробуйте:Изображение:Файл

Пояснительная подпись

Пояснительная подпись
Пояснительная подпись

Чтобы сделать поясняющую подпись, используется атрибут «frame»: [[Изображение:Wiki.png|frame|Пояснительная подпись]]
Он заключает изображение в рамку и смещает изображение вправо. В области «Пояснительная подпись» можно применять вики-разметку.

Другим вариантом для подписи к изображению является использование таблицы с class-атрибутом «rimage»:

Изображение:Padlock.jpg
Подпись под

изображением.

{| class=rimage
|[[Изображение:Padlock.jpg]]
|-
|''Подпись под изображением.''
|}

Как и атрибут «frame», этот атрибут создаёт рамку вокруг изображения, прижимает всю таблицу вправо, но, кроме того, ещё и центрирует подпись. Такая подпись не используется в качестве альтернативного текста для изображения, поэтому его можно задать отдельно.

Уменьшение размеров

Пояснительная подпись
Пояснительная подпись

Атрибуты «thumb» или «thumbnail», вставленные между именем файла и пояснительной подписью, уменьшают ширину изображения (в зависимости от настроек пользователя — от 120px до 300px; высота изменяется пропорционально), прижимают его вправо и помещают в рамку:

[[Изображение:Padlock.jpg|thumb|Пояснительная подпись]]

Кроме того, справа от пояснительной подписи появляется специальный значок: щёлкнув по нему, можно перейти на страницу изображения и посмотреть его в натуральную величину. Текст располагается слева от значка.

Пояснительная подпись
Пояснительная подпись

Для получения изображения заданной ширины (высота изменяется пропорционально), запишите её в пикселах (в формате ЧИСЛОрх). Этот атрибут можно использовать как отдельно, так и совместно с атрибутом «thumb»:

[[Изображение:Padlock.jpg|100px|Альтернативный текст для изображений]]

Или

[[Изображение:MediaWik.png|thumb|100px|Пояснительная подпись]]

Можно вписать изображение в прямоугольник заданного размера, указав его ширину и высоту:

[[Изображение:MediaWik.png|thumb|200x100px|Пояснительная подпись]]

Отношение сторон изображения (ширины к высоте) при этом не изменяется. Иными словами, когда пропорции изображения не совпадают с пропорциями заданного прямоугольника, тогда либо высота, либо ширина уменьшенного изображения окажется меньше заданной для прямоугольника. Поэтому, если необходимо задать именно высоту изображения (и дать ему пропорционально растянуться по ширине), то для этого достаточно сделать ширину описанного прямоугольника заведомо большей, нежели высота : 30000x200px, например.

Не забывайте о соразмерности изображения и текста. Если статья небольшая, то можно подобрать высоту изображения так, чтобы текст полностью охватывал его. В длинной статье не стоит делать изображения чрезмерно маленькими, иначе они «утонут» в тексте.

Расположение на странице

Пояснительная подпись

Смещение вправо

Кроме рассмотренных выше атрибутов «frame», «class=rimage», «thumb» и «thumbnail», прижать изображение вправо можно атрибутом «right». Пример:

[[Pskov2.jpg|100px|right|]]

Текст, следующий за таким изображением, обтекает его слева. Не забудьте поставить вертикальную чёрточку «|» после слова «right»: это нужно для того, чтобы оно не воспринималось как альтернативный текст для изображения.

В отличие от изображения с атрибутом «frame» или «thumb», в данном случае изображение не оказывается заключённым в рамку, и альтернативный текст не указывается в видимой подписи. Однако он всё равно используется в качестве всплывающей подсказки (после наведения курсора мыши на изображение), а также показывается вместо картинки для тех читателей, которые отключили отображение изображений в своём браузере. Поэтому рекомендуется указывать альтернативный текст после атрибута «right», за вертикальной чёрточкою. Пример:

[[Изображение:Pskov2.jpg|100px|right|Пояснительная подпись]]


Пояснительная подпись
Пояснительная подпись

Смещение влево

Чтобы прижать изображение к левому краю страницы, используйте атрибут «left» или «none». Это работает в том числе и для изображений с атрибутом «frame» или «thumb». Пример:

[[Изображение:Pskov2.jpg|100px|thumb|left|Пояснительная подпись]]

Текст, следующий за таким изображением, обтекает его справа.


Окончание обтекания

Для пометки окончания обтекающего изображение текста используйте специальный HTML-код:

<br clear="both" />

  • Hh

Текст, расположенный после этого кода, будет начинаться с новой строки — и будет располагаться ниже нижнего края любого из изображений, расположенных прежде этого кода в статье.

Расположение по центру

Для расположения изображения в центре страницы следует использовать атрибут «center». Пример:

[[Изображение:Pskov2.jpg|100px|thumb|center|Пояснительная подпись]]

Пояснительная подпись
Пояснительная подпись

Текст, следующий за таким изображением, не обтекает его ни с одной из сторон, а начинается ниже нижнего края изображения.

Дополнительные возможности

Галереи

Для вставки нескольких изображений в статью (например, изображений картин в статье о художнике), применяется специальный служебный тег <gallery>, который группирует изображения в галерею (по 4 изображения в каждом ряду).

В простейшем случае используется следующий синтаксис.

<gallery>
Изображение:Pskov1.JPG
Изображение:Pskov2.JPG|Подпись
Изображение:Pskov3.JPG|Подпись с [[Заглавная страница|ссылкой]]
</gallery>

Пример более изощерённого синтаксиса.

<gallery caption='Можно добавлять заголовки'>
Также можно вставлять текст

Изображение:Pskov1.JPG|Участники тренинга
Изображение:Pskov2.JPG
Изображение:Pskov3.JPG|Работа в группах
</gallery>

Трансляция изображений

В IOT Wiki можно размещать рисунки и фотографии уже загруженные в Интернет на другие сайты. Эти изображения внутри будут работать в формате [[Изображение: Файл]] без дополнительных возможностей.

  1. Эти изображения можно добавлять, как обычную правку текста.
  2. Если вы хотите добавить такое изображение к своей статье, то выбрав изображение по ссылке свойства рисунка, копируете его прямой адрес и просто вставляете.

Это изображение добавлено этим способом:

1179738694.jpg

http://www.pazitiv.com/ts/12/1179738694.jpg

Размещение на странице

Сдвиг вправо:

1179738694.jpg

<p align=right>Адрес изображения</p>

По центру:

1179738694.jpg

<center>Адрес изображения</center>

Одно неудобство, текс изображение не обрамляет.

Положительные стороны – экономия времени, простота добавления, лёгкость удаления ….

Отрицательные стороны - ……….


При написании этой статьи использовался материал из ВикипедиИ — проекта свободной многоязычной энциклопедии.

Таблицы

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

С другой стороны, таблицы сложнее обычного текста. Так что применять их имеет смысл лишь там, где они действительно улучшают восприятие материала. Поэтому предварительно обдумывайте: не лучше ли использовать обычный список.

Простейшая таблица

Любая таблица в wiki-стиле начинается с фигурной скобки { с последующей вертикальной чертой | и заканчивается вертикальной чертой | с закрывающей фигурной скобкой }. Каждая ячейка строки начинается с вертикальной черточки |, после которой пишется её содержание.

Пример:

Исходный код таблицы с одной строкой:   Это будет выглядеть так:
{|
 |Ячейка 1
 |Ячейка 2
 |Ячейка 3
 |}
   
Ячейка 1 Ячейка 2 Ячейка 3

Для введения следующей строки после вертикальной черточки ставится штрих «-». Таким образом можно вводить любое количество строк.

Пример:

Исходный код таблицы в две строки:   Это будет выглядеть так:
{|
 |Ячейка 1*1
 |Ячейка 2*1
 |Ячейка 3*1
 |-
 |Ячейка 1*2
 |Ячейка 2*2
 |Ячейка 3*2
 |}
   
Ячейка 1*1 Ячейка 2*1 Ячейка 3*1
Ячейка 1*2 Ячейка 2*2 Ячейка 3*2
Таблица в три строки пишется так:   Это будет выглядеть так:
{|
 |Ячейка 1*1
 |Ячейка 2*1
 |Ячейка 3*1
 |-
 |Ячейка 1*2
 |Ячейка 2*2
 |Ячейка 3*2
 |-
 |Ячейка 1*3
 |Ячейка 2*3
 |Ячейка 3*3
 |}
   
Ячейка 1*1 Ячейка 2*1 Ячейка 3*1
Ячейка 1*2 Ячейка 2*2 Ячейка 3*2
Ячейка 1*3 Ячейка 2*3 Ячейка 3*3

И так далее.

Табличные рамки

Вид рамки описывается в первой строке, сразу после {|. Не забудьте, что между ними и атрибутом должен быть пробел.

Толщина линий рамки задаётся атрибутом border=n, где «n» — толщина линии:

Исходный код:   Это будет выглядеть так:
{| border=1
 |Ячейка 1*1
 |Ячейка 2*1
 |Ячейка 3*1
 |-
 |Ячейка 1*2
 |Ячейка 2*2
 |Ячейка 3*2
 |-
 |Ячейка 1*3
 |Ячейка 2*3
 |Ячейка 3*3
 |}
   
Ячейка 1*1 Ячейка 2*1 Ячейка 3*1
Ячейка 1*2 Ячейка 2*2 Ячейка 3*2
Ячейка 1*3 Ячейка 2*3 Ячейка 3*3

Заголовки

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

Пример:

Для последней таблицы можно написать так:   Это будет выглядеть так:
{| border=1
 !Первый столбец
 !Второй столбец
 !Третий столбец
 |-
 !Первая строчка
 |Ячейка 2*1
 |Ячейка 3*1
 |-
 !Вторая строчка
 |Ячейка 2*2
 |Ячейка 3*2
 |-
 !Третья строчка
 |Ячейка 2*3
 |Ячейка 3*3
 |}
   
Первый столбец Второй столбец Третий столбец
Первая строчка Ячейка 2*1 Ячейка 3*1
Вторая строчка Ячейка 2*2 Ячейка 3*2
Третья строчка Ячейка 2*3 Ячейка 3*3

Запись в одну строчку

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

Пример:

Исходный код:   Это будет выглядеть так:
{| border=1
 !Первый столбец||Второй столбец||Третий столбец
 |-
 |Ячейка 1*1||Ячейка 2*1||Ячейка 3*1
 |-
 |Ячейка 1*2||Ячейка 2*2||Ячейка 3*2
 |-
 |Ячейка 1*3||Ячейка 2*3||Ячейка 3*3
 |}
   
Первый столбецВторой столбецТретий столбец
Ячейка 1*1Ячейка 2*1Ячейка 3*1
Ячейка 1*2Ячейка 2*2Ячейка 3*2
Ячейка 1*3Ячейка 2*3Ячейка 3*3

Объединение ячеек

В wiki-стиле, как и в HTML, имеется возможность объединять несколько ячеек как по вертикали, так и по горизонтали. Для объединения по вертикали применяется атрибут rowspan=n, где «n» — число ячеек, которые должна объединить данная ячейка. Этот атрибут вписывается перед содержанием объединяющей ячейки.

Пример:

Вертикальное объединение двух ячеек пишется так:      Выглядеть это будет так:
{| border=1
 |Ячейка 1 
 |rowspan=2 |Ячейка 2, объединяет два ряда таблицы
 |Ячейка 3
 |- 
 |Ячейка 4
 |Ячейка 5
 |}
    
Ячейка 1 Ячейка 2, объединяет два ряда таблицы Ячейка 3
Ячейка 4 Ячейка 5

Для объединения по горизонтали используется атрибут colspan=n.

Пример:
{| border=1
 |Ячейка 1 
 |colspan=2 |Ячейка 2, объединяет два столбца
 |-
 |Ячейка 3 
 |Ячейка 4
 |Ячейка 5
 |}

Выглядит это так:

Ячейка 1 Ячейка 2, объединяет два столбца
Ячейка 3 Ячейка 4 Ячейка 5

«Раскраска» таблиц

Текст, находящийся в таблице, можно сделать цветным. С этой целью применяются те же тэги, что и в HTML:

  • для отдельного слова — <font color="#ABCDEF">Teкст</font>;
  • для длинного текста — <div style="color:#ABCDEF">Текст, текст.</div>,

где «ABCDEF» — индекс цвета в Таблице цветов.

Пример:
Для "раскраски" текста пишут так:
{| border=1
 |Ячейка 1*1
 |Здесь цветное только <font color="#FF00FF">одно</font> слово.
 |Ячейка 3*1
 |-
 |Ячейка 1*2
 |Ячейка 2*2
 |<div style="color:#008B00">А здесь выделен цветом длинный-длинный абзац.</div>
 |-
 |Ячейка 1*3
 |Ячейка 2*3
 |Ячейка 3*3
 |}

Это будет выглядеть так:

Ячейка 1*1 Здесь цветное только одно слово. Ячейка 3*1
Ячейка 1*2 Ячейка 2*2
А здесь выделен цветом длинный-длинный абзац.
Ячейка 1*3 Ячейка 2*3 Ячейка 3*3

Сделать цветную ячейку можно с помощью атрибута «bgcolor=#ABCDEF», где «ABCDEF» обозначает, как вы уже, наверное, догадались, индекс цвета в таблице цветов.

Пример:
Для «раскраски» одной ячейки пишется так:
{| border=1
 |Ячейка 1*1
 |bgcolor=#FFCC00|Ячейка 2*1
 |Ячейка 3*1
 |-
 |Ячейка 1*2
 |Ячейка 2*2
 |Ячейка 3*2
 |-
 |bgcolor=#CCFF00|Ячейка 1*3
 |Ячейка 2*3
 |Ячейка 3*3
 |}

Это будет выглядеть так:

Ячейка 1*1 Ячейка 2*1 Ячейка 3*1
Ячейка 1*2 Ячейка 2*2 Ячейка 3*2
Ячейка 1*3 Ячейка 2*3 Ячейка 3*3

Название таблицы

Чтобы название таблицы было отцентрировано по ее ширине, нужно после вертикальной чёрточки поставить знак «+». Само название можно форматировать обычными wiki-атрибутами.

Пример:
{| border=1
 |+ Очень длинное-длинное название таблицы.
 |Ячейка 1
 |Ячейка 2
 |-
 |Ячейка 3
 |Ячейка 4
 |}

Выглядеть это будет так:

Очень длинное-длинное название таблицы.
Ячейка 1 Ячейка 2
Ячейка 3 Ячейка 4

Пример: С возможностью сортировки данных

УчительСтудентШкольник
Иван Иванович Иванов 1 2
Петров Иванович Иванов 2 1

Синтаксис:

 {| class="standard sortable" border=1 
 |-  
 !Учитель||Студент||Школьник
|-
|Иван Иванович Иванов||Иван Иванович Иванов||Иван Иванович Иванов</nowiki>
|}</nowiki>

Ширина таблицы и столбцов

Если, например, подряд идут несколько отдельных таблиц, то желательно, чтобы ширина их была одинаковой, не зависимо от их содержания. Для фиксации ширины таблицы применяется атрибут width.

Пример:
{| border=1 width=75%
 |+Таблица 1
 |Ячейка 1*1 - long - long- long- long- long
 |Ячейка 1*2
 |-
 |Ячейка 1*3
 |Ячейка 1*4
 |}
{| border=1 width=75%
 |+Таблица 2
 |Ячейка 2*1
 |Ячейка 2*2
 |-
 |Ячейка 2*3
 |Ячейка 2*4
 |}

Выглядеть это будет так:

Таблица 1
Ячейка 1*1 - long - long- long- long- long Ячейка 1*2
Ячейка 1*3 Ячейка 1*4
Таблица 2
Ячейка 2*1 Ячейка 2*2
Ячейка 2*3 Ячейка 2*4

С помощью этого же атрибута можно регулировать ширину отдельных столбцов:

Пример:
{| border=1 width=75%
 |+Таблица 1
 | width=40%|Ячейка 1*1 - long - long- long- long- long
 | width=20%|Ячейка 1*2 - long - long- long- long- long
 | width=40%|Ячейка 1*3 - long - long- long- long- long
 |-
 |Ячейка 1*4
 |Ячейка 1*5
 |Ячейка 1*6
 |}
Таблица 1
Ячейка 1*1 - long - long- long- long- long Ячейка 1*2 - long - long- long- long- long Ячейка 1*3 - long - long- long- long- long
Ячейка 1*4 Ячейка 1*5 Ячейка 1*6

Таблицы в машинописном стиле без форматирования

Существует также простейший и быстрейший способ создать таблицу — это написать ее в машинописном стиле. Столбцы и общий вид форматируются визуально.

Пример:
                   Климатическая таблица

Месяцы:            январь февраль март апрель май июнь июль август сентябрь октябрь ноябрь декабрь
--------------------------------------------------------------------------------------------------
Дневная температура  21     21      22    23  25   27    29    28     26      24      22     20
Ночная температура   15     15      15    16  17   17    18    17     16      15      15     14
Солнечные часы/день   6      6       7     8   9    9     9     8      7       7       6      6
Дождливые дни/месяц   6      4       3     2   2    1     0     0      2       5       6      7
Температура воды     19     18      18    18  19   20    21     23    20      18      18     18

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


При написании этой статьи использовался материал из ВикипедиИ — проекта свободной многоязычной энциклопедии.

Шаблоны

«Шаблонами» в IOT Wiki называется класс особых страниц, содержимое которых можно вставить в другие страницы. Причём это содержимое считывается при каждой загрузке страницы: изменения в шаблоне проявятся на страницах, их применяющих. Ниже описывается их работа.

Общая информация

Страницы шаблонов — полноценные вики-документы, для которых отведено своё пространство имён «Шаблон:».

Вызывается шаблон пометкой

{{Имя шаблона}}

При отображении страницы на место этого будет помещено содержимое страницы «Шаблон:Имя шаблона». Если её ещё нет, то пометка будет отображена как ссылка на несуществующую статью шаблона. Поэтому, удостоверьтесь в существовании вызываемых шаблонов — это делается предпросмотром страницы до сохранения правки.

Любая статья IOT Wiki может быть использована как шаблон. Если имя статьи записать не в квадратных, а в фигурных скобках и перед именем статьи поставить двоеточие, то текст указанной статьи будет автоматически подставлен.Если вызывать так картинку или категорию, то будет подставлена описательная часть картинки и категории соответственно.

Таким способом удобно:

  • экспериментировать с шаблонами (не попадая в пространство шаблонов);
  • «вытаскивать» подписи и описания картинок;
  • изготавливать специальные составные статьи (например для печати).

Пример использования статьи в качестве шаблона

:{{Имя статьи}}

см. пример: - IOT Wiki:Вики-разметка

Подстановка

Использование «subst:» после двойных фигурных скобок заставляет выполнять подстановку текста шаблона в момент сохранения ссылающейся страницы.

Например:

{{subst:Шаблон:Портфолио учителя с использованием социальных сервисов}}

подставится при сохранении страницы участника, и изменения в статье никак не отразятся на «теле» шаблона.

История изменений для страниц, содержащих шаблоны

При просмотре исторических версий статей, содержащих шаблоны и/или картинки, всегда используется текущая версия шаблонов (и картинок), т. е. невозможна автоматическая «абсолютная» реконструкция исторических версий композитных текстов, чтобы также содержались ссылки на соответствующие картинки и шаблоны.

Ссылки

Как вернуть предыдущее состояние статьи?


При написании этой статьи использовался материал из ВикипедиИ — проекта свободной многоязычной энциклопедии.