Користувач:Мочук Оксана

Матеріал з ТерноВікі

Версія 08:03, 26 квітня 2018 (переглянути вихідний код) Мочук Оксана (обговорення | внесок) ← Попереднє редагування		Версія 08:26, 26 квітня 2018 (переглянути вихідний код) Мочук Оксана (обговорення | внесок) Наступне редагування →
Рядок 1297:		Рядок 1297:
	</table>		</table>
-	[[Категорія:ІППОВікі| Головна]]	+	[[Категорія: ТерноВікі]]
-	[[Категорія:ТерноВікі|Головна сторінка]]	+	[[Категорія: ІППОВікі]]
		+	[[Категорія: Методист]]

---

Версія 08:26, 26 квітня 2018

Зміст 1 Підрозділи(заголовки) 2 Заголовок другого рівня 2.1 Заголовок третього рівня 2.1.1 Заголовок четвертого рівня 2.1.1.1 Заголовок п'ятого рівня 2.1.1.1.1 Заголовок шостого рівня 2.2 Просте форматування тексту 2.3 Посилання 2.3.1 Ненумерований список 2.3.2 Нумеровані списки 2.3.3 Дворівневий список 2.3.4 Відступи в списках 3 Таблиці 3.1 Простий приклад 3.2 Табличні рамки 3.2.1 Простий приклад 3.2.2 Приклад з границями 3.2.3 Приклад із класом 3.3 Використання кольору 3.3.1 Кольоровий текст 3.3.2 Фоновий колір таблиці 3.3.3 Класи оформлення клітинок 3.4 Об'єднання клітин 3.4.1 В кількох рядках – параметр rowspan 3.4.2 В кількох стовпцях – параметр colspan 3.4.3 Змішане поєднання 3.4.4 Вкладені таблиці 4 Використання кольорів 4.1 Таблиця кольорів 4.2 Шрифти 4.3 Пробіли та відступи

Підрозділи(заголовки)

Використовуються заголовки шести рівнів:

---

Ви вводите :

== Заголовок другого рівня ==

Ви отримуєте :

Заголовок другого рівня

Ви вводите :

=== Заголовок третього рівня ===

Ви отримуєте :

Заголовок третього рівня

Ви вводите :

==== Заголовок четвертого рівня ====

Ви отримуєте :

Заголовок четвертого рівня

Ви вводите :

===== Заголовок п'ятого рівня =====

Ви отримуєте :

Заголовок п'ятого рівня

Ви вводите :

====== Заголовок шостого рівня ======

Ви отримуєте :

Заголовок шостого рівня

---

Перший рівень застосовувати не слід, оскільки він використовується лише для заголовку статті

Просте форматування тексту

Для логічного виділення частин тексту використовують просте форматування тексту:

Приклади простого форматування
Опис	Ви вводите	Ви отримуєте
Звичайний текст	Текст	Текст
Курсив	''Текст курсивом''	Текст курсивом
Жирний	'''Текст жирним шрифтом'''	Текст жирним шрифтом
Жирний курсив	'''''Текст жирним курсивом'''''	Текст жирним курсивом

Також іноді використовується неформатований текст - рядок буде відображатись так, як він був набраний. Щоб рядок був неформатованим почніть його з пробілу:

приклад неформатованого тексту
 який відображається так, як він 
    був набраний

Посилання

Різні види посиланнь
Опис	Ви вводите	Ви отримуєте
Внутрішнє посилання	[[ Назва статті ]]	Назва статті
	[[ Назва статті | Видимий текст ]]	Видимий текст
Зовнішнє посилання	[http://www.example.org Видимий текст]	Видимий текст
	[http://www.example.org]	[1]
	http://www.example.org	http://www.example.org

Ненумерований список

Для створення ненумерованого списку - просто на початку рядка вводьте кількість символів " * ", яка відповідає глибині підпункту, назву якого задає цей рядок.

Ви вводите :

* Пункт перший

* Пункт другий

** Перший підпункт другого

*** Перший підпункт першого підпункту другого

*** Другий підпункт першого підпункту другого

** Другий підпункт другого

* Третій пункт

Ви отримуєте :

• Пункт перший
• Пункт другий
  • Перший підпункт другого
    • Перший підпункт першого підпункту другого
    • Другий підпункт першого підпункту другого
  • Другий підпункт другого
• Третій пункт

Нумеровані списки

Для створення нумерованого списку - просто на початку рядка вводьте кількість символів " # ", яка відповідає глибині підпункту, назву якого задає цей рядок. Нумерація задаватиметься автоматично.

Ви вводите :

# Пункт перший

# Пункт другий

## Перший підпункт другого

### Перший підпункт першого підпункту другого

### Другий підпункт першого підпункту другого

## Другий підпункт другого

# Третій пункт

Ви отримуєте :

1. Пункт перший
2. Пункт другий
   1. Перший підпункт другого
      1. Перший підпункт першого підпункту другого
      2. Другий підпункт першого підпункту другого
   2. Другий підпункт другого
3. Третій пункт

Дворівневий список

Для створення дворівневого списку перед пунктами першого рівня вводьте " ; ", другого - ":".

Ви вводите :

; Перший рівень

: другий рівень

; знову перший

: знову другий

: другий рівень

Ви отримуєте :

Перший рівень

другий рівень

знову перший

знову другий

другий рівень

Відступи в списках

Для створення відступів, в тому числі у списках, на початку рядка, після специфікатора типу списку ( " * " або " # " ) додайте таку кількість двокрапок " : ", яка відповідає кількості відступів.

Ви вводите :

без відступу

: перший рівень

:: другий рівень

::: третій рівень

*:відступи

*::у списках

* роблять так

#:відступи

#::у списках

# роблять так

Ви отримуєте :

без відступу

перший рівень

другий рівень

третій рівень

• відступи

  у списках

• роблять так

1. відступи

   у списках

2. роблять так

Таблиці

Простий приклад

{| 
| Клітинка 1, рядок 1 
| Клітинка 2, рядок 1 
|- 
| Клітинка 1, рядок 2 
| Клітинка 2, рядок 2 
|}

створить

Клітинка 1, рядок 1	Клітинка 2, рядок 1
Клітинка 1, рядок 2	Клітинка 2, рядок 2

Табличні рамки

Вид рамки описується в першому рядку, відразу після {|.

• Товщина зовнішніх рамок встановлюється атрибутом border=n₁, де «n₁» — товщина лінії зовнішніх рамок.
• Товщина внутрішніх рамок встановлюється атрибутом cellspacing="n₂", де «n₂» — товщина лінії внутрішніх рамок.
• Мінімальна відстань між рамками і текстом клітинки встановлюється атрибутом cellpadding=n₃.

Простий приклад

Вихідний код

{| border="1" cellpadding="2"
|+Таблиця множення
|-
! × !! 1 !! 2 !! 3
|-
! 1
| 1 || 2 || 3
|-
! 2
| 2 || 4 || 6
|-
! 3
| 3 || 6 || 9
|-
! 4
| 4 || 8 || 12
|-
! 5
| 5 || 10 || 15
|}

Як він виглядає

Таблиця множення

×	1	2	3
1	1	2	3
2	2	4	6
3	3	6	9
4	4	8	12
5	5	10	15

Приклад з границями

Вихідний код

{| border="3" cellpadding="5" cellspacing=5
|+Таблиця множення
|-
! × !! 1 !! 2 !! 3
|-
! 1
| 1 || 2 || 3
|-
! 2
| 2 || 4 || 6
|-
! 3
| 3 || 6 || 9
|-
! 4
| 4 || 8 || 12
|-
! 5
| 5 || 10 || 15
|}

Як він виглядає

Таблиця множення

×	1	2	3
1	1	2	3
2	2	4	6
3	3	6	9
4	4	8	12
5	5	10	15

Приклад із класом

Вихідний код

{| class="wikitable"
|+Таблиця множення
|-
! × !! 1 !! 2 !! 3
|-
! 1
| 1 || 2 || 3
|-
! 2
| 2 || 4 || 6
|-
! 3
| 3 || 6 || 9
|-
! 4
| 4 || 8 || 12
|-
! 5
| 5 || 10 || 15
|}

Як він виглядає

Таблиця множення

×	1	2	3
1	1	2	3
2	2	4	6
3	3	6	9
4	4	8	12
5	5	10	15

Використання кольору

Нижче наведено складніші приклади, що демонструють додаткові опції доступні для опису таблиць. Ви можете поекспериментувати з цими установками та подивитись, який ефект вони матимуть. Не всі із цих опцій придатні у всіх випадках, тільки тому що Ви можете додати кольоровий фон не означає що це завжди є хорошою ідеєю. Намагайтесь робити Ваші таблиці достатньо простими — інші користувачі редагуватимуть їх також!

Кольоровий текст

Текст, що знаходиться в таблиці, можна зробити кольоровим. З цією метою застосовуються ті ж теги, що і в HTML:

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

де «ABCDEF» — індекс кольору. Для "розфарбування" тексту пишуть так:

Вихідний код

{| border=1
         |Клітинка 1*1
         |Кольорове <font color="#FF00FF">одне</font> слово.
         |Клітинка 3*1
         |-
         |Клітинка 1*2
         |Клітинка 2*2
         |<div style="color:#33CC66">Кольоровий весь рядок.</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

Фоновий колір таблиці

Щоб зробити кольоровим фон всієї таблиці, слід вписати атрибут «bgcolor=#ABCDEF» в перший рядок таблиці, де ставитися і атрибут рамки:

Пишеться

{| border=1 bgcolor=#66FFFF
         |Клітинка 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

Класи оформлення клітинок

	заголовок	звичайна клітинка
highlight
bright
shadow
dark

Також в Вікіпедії є два класи підсвічування та два типи затінення окремих клітинок, при цьому класи підсвічування надають різні кольори заголовних «!» і звичайних «|» клітинок.

Ці класи можна додавати до рядка для підсвічування відразу всіх клітинок рядка.

|- class="bright"
| ...
| ...

Або до окремо взятої клітинки; якщо потрібно просто скасувати колір, заданий в рядку, використовуйте клас transparent.

|-
|class="bright"| ...
|class="highlight"| ...

Наприклад:

|-class="dark"				|class="highlight"
|-class="bright"			|class="transparent"

Для заголовків рекомендується використовувати підсвічування highlight, за необхідності виділити більш важливий заголовок — bright. Якщо є необхідність знизити важливість заголовка, можна використовувати затінення.

Для виділення груп звичайних клітинок рекомендується використовувати затінення (спочатку shadow, за необхідності — dark). Если нужно выделить одну-две ячейки, можно использовать подсветку.

Якщо в якійсь клітинці потрібно задати певний колір фону, задавайте його ось так: style="background-color: колір;" (див. таблицю кольорів). Рекомендується використовувати цю можливість тільки якщо необхідний саме конкретний колір, а не просто логічне виділення частини клітинок.

Об'єднання клітин

У wiki-стилі, як і в HTML, є можливість об'єднувати декілька клітин як по вертикалі, так і по горизонталі. Для об'єднання по вертикалі застосовується атрибут rowspan=n, де «n» — число рядків, які повинен об'єднати данна клітина. Цей атрибут вписується перед змістом об'єднуючої клітини.

В кількох рядках – параметр rowspan

{| class="wikitable"
| стовпець 1, рядок 1
| rowspan=2 | стовпець 2, рядок 1 (а також 2)
| стовпець 3, рядок 1
|-
| стовпець 1, рядок 2
| стовпець 3, рядок 2
|}

стовпець 1, рядок 1	стовпець 2, рядок 1 (а також 2)	стовпець 3, рядок 1
стовпець 1, рядок 2		стовпець 3, рядок 2

rowspan спричиняє розтягнення клітинки на кілька рядків

В кількох стовпцях – параметр colspan

{| class="wikitable"
| стовпець 1, рядок 1
| colspan=2 | стовпець 2 (i 3), рядок 1
|-
| стовпець 1, рядок 2
| стовпець 2, рядок 2
| стовпець 3, рядок 2
|}

стовпець 1, рядок 1	стовпець 2 (i 3), рядок 1
стовпець 1, рядок 2	стовпець 2, рядок 2	стовпець 3, рядок 2

colspan спричиняє розтягнення клітинки на кілька стовпців

Змішане поєднання

{| class="wikitable" style="text-align:left"
! стовпець 1 (заголовок)
! стовпець 2 (заголовок)
! стовпець 3 (заголовок)
! стовпець 4 (заголовок)
|-
| стовпець 1, рядок 1
| colspan=2 | стовпець 2 i 3, рядок 1
| rowspan=2 | стовпець 4, рядок 1 i 2
|-
| colspan="3" | стовпець 1, 2 i 3, рядок 2
|-
| стовпець 1, рядок 3
| colspan="3" rowspan="2" | стовпець 2, 3 i 4, рядок 3 i 4
|-
| стовпець 1, рядок 4
|}

стовпець 1 (заголовок)	стовпець 2 (заголовок)	стовпець 3 (заголовок)	стовпець 4 (заголовок)
стовпець 1, рядок 1	стовпець 2 i 3, рядок 1		стовпець 4, рядок 1 i 2
стовпець 1, 2 i 3, рядок 2
стовпець 1, рядок 3	стовпець 2, 3 i 4, рядок 3 i 4
стовпець 1, рядок 4

Вкладені таблиці

{| border=1
| клітина 1 зовнішньої таблиці
|
{| border=1 style="background:ABCDEF"
| таблиця
|-
| вкладена
|}
| клітина 3 зовнішньої таблиці
|}

...додавання вкладеної таблиці в другій клітині зовнішньої таблиці

клітина 1 зовнішньої таблиці

таблиця вкладена

клітина 3 зовнішньої таблиці

Використання кольорів

Для збереження одноманітності сторінок, кольори слід використовувати розумно. Яскраві кольори в статтях повинні використовуватися тільки як виняток, коли це доцільно. Більш різноманітне розфарбування допускається у вікіпроектах та порталах. На власній сторінці користувачі нічим не обмежені у творчих експериментах

Для фарбування в MediaWiki, як і в HTML, служить атрибут style. Шматки тексту, колір яких потрібно змінити, включають у теги, наприклад для окремих букв або слів або для абзаців. В атрибуті style колір визначається властивостями CSS color:#RRGGBB; для кольору тексту або для кольору фону. «#RRGGBB» означає шістнадцятковий код кольору: частка червоного (RR) може лежати в діапазоні від 00 до FF (це відповідає десятковому числу 255), також як і частки зеленого (GG) і синього кольору (BB). Таким чином, палітра доступних кольорів налічує 16⁶ = 16 777 216 найменувань. Замість кодування «#RRGGBB» можна використовувати наведені нижче назви кольорів (без «#»).

Шрифти

Функціональність	Синтаксис	Як це виглядає на екрані
Грецька абетка (Зауважте відсутність омікрон; зауважте також, що деякі букви грецької абетки у верхньому регістрі промальовуються так само як і відповідні латинські)	\Alpha\ \Beta\ \Gamma\ \Delta\ \Epsilon\ \Zeta\ \Eta\ \Theta\ \Iota\ \Kappa\ \Lambda\ \Mu\ \Nu\ \Xi\ \Pi\ \Rho\ \Sigma\ \Tau\ \Upsilon\ \Phi\ \Chi\ \Psi\ \Omega \alpha\ \beta\ \gamma\ \delta\ \epsilon\ \zeta\ \eta\ \theta\ \iota\ \kappa\ \lambda\ \mu\ \nu\ \xi\ \pi\ \rho\ \sigma\ \tau\ \upsilon\ \phi\ \chi\ \psi\ \omega \varepsilon\ \digamma\ \vartheta\ \varkappa\ \varpi\ \varrho\ \varsigma\ \varphi	<math>\Alpha\ \Beta\ \Gamma\ \Delta\ \Epsilon\ \Zeta\ \Eta\ \Theta\ \Iota\ \Kappa\ \Lambda\ \Mu\ \Nu\ \Xi\ \Pi\ \Rho\ \Sigma\ \Tau\ \Upsilon\ \Phi\ \Chi\ \Psi\ \Omega</math> <math>\alpha\ \beta\ \gamma\ \delta\ \epsilon\ \zeta\ \eta\ \theta\ \iota\ \kappa\ \lambda\ \mu\ \nu\ \xi\ \pi\ \rho\ \sigma\ \tau\ \upsilon\ \phi\ \chi\ \psi\ \omega</math> <math>\varepsilon\ \digamma\ \vartheta\ \varkappa\ \varpi\ \varrho\ \varsigma\ \varphi</math>
Blackboard bold	x\in\mathbb{R}\sub\mathbb{C}	<math>x\in\mathbb{R}\subset\mathbb{C}</math>
жирний (вектори)	\mathbf{x}\cdot\mathbf{y} = 0	<math>\mathbf{x}\cdot\mathbf{y} = 0</math>
жирні (грецькі)	\boldsymbol{\alpha} + \boldsymbol{\beta} + \boldsymbol{\gamma}	<math>\boldsymbol{\alpha} + \boldsymbol{\beta} + \boldsymbol{\gamma}</math>
прописні	\mathit{ABCDE abcde 1234}	<math>\mathit{ABCDE abcde 1234}\,\!</math>
шрифт Roman	\mathrm{ABCDE abcde 1234}	<math>\mathrm{ABCDE abcde 1234}\,\!</math>
шрифт Fraktur	\mathfrak{ABCDE abcde 1234}	<math>\mathfrak{ABCDE abcde 1234}</math>
Шрифт Calligraphy/Script	\mathcal{ABCDE abcde 1234}	<math>\mathcal{ABCDE abcde 1234}</math>
Єврейська абетка	\aleph \beth \gimel \daleth	<math>\aleph\ \beth\ \gimel\ \daleth</math>
символи (не курсив)	\mbox{abc}	<math>\mbox{abc}</math>	<math>\mbox{abc} \,\!</math>
змішаний прописний шрифт (поганий)	\mbox{if} n \mbox{is even}	<math>\mbox{if} n \mbox{is even}</math>	<math>\mbox{if} n \mbox{is even} \,\!</math>
змішаний прописний шрифт (правильний)	\mbox{if }n\mbox{ is even}	<math>\mbox{if }n\mbox{ is even}</math>	<math>\mbox{if }n\mbox{ is even} \,\!</math>

Пробіли та відступи

Зауважте, що TeX робить відступи автоматично, але якщо необхідно, Ви можете робити це вручну.

Функціональність	Синтаксис	Як це виглядає на екрані
подвійний четверний пробіл	a \qquad b	<math>a \qquad b</math>
четверний пробіл	a \quad b	<math>a \quad b</math>
текстовий пробіл	a\ b	<math>a\ b</math>
текстовий пробіл без конветування в PNG	a \mbox{ } b	<math>a \mbox{ } b</math>
великий пробіл	a\;b	<math>a\;b</math>
середній пробіл	a\>b	[not supported]
маленький пробіл	a\,b	<math>a\,b</math>
без пробілу	ab	<math>ab\,</math>
від'ємний відступ	a\!b	<math>a\!b</math>