Помоћ:Табела
Уређивање |
---|
Како започети нову страницу |
Име странице |
Упознавање |
Обликовање |
Формула |
Организовање |
Наслов |
Исправке грешака и вандализама |
Чување труда |
Комуникација |
Описивање измена |
Додаци |
Најчешће постављана питања |
Пајп синтакса
уредиПајп (енгл. pipe, цев) је назив за знак „|“.
Мада можете користити и HTML синтаксу за табеле, можете користити и посебне вики кодове за прављење табела, на следећи начин:
- Читава табела почиње линијом „
{|
необавезни параметри табеле “ а завршава за линијом „|}
“. - Необавезни натпис табеле (table caption) се укључује линијом „
|+
натпис “ после „{|
“. - Код за ред табеле се састоји од линије „
|-
необавезни параметри табеле “, и, у новој линији, кодова за ћелије у реду, одвојене знаком за нови ред или „|“ - Подаци табеле су кодови за ћелије; код за ћелију је у облику „| вредност “ или „| параметри ћелије | вредност “
- ред заглавља колона се означава помоћу „!“ уместо „|“, осим за раздвајање параметара и вредности ћелије; разлика у односу на нормалне редове зависи од прегледача, а заглавља колона се често приказују у појачаном фонту.
- прва ћелија реда се препознаје као заглавље реда ако линија почиње са „!“ уместо са „|“, а накнадне ћелије са подацима почињу у новој линији.
Параметри за табелу и ћелију су исти као у HTML-у, погледајте [1] и HTML елементи#Табеле. Међутим, елементи thead
, tbody
, tfoot
, colgroup
и col
тренутно нису подржани у Медијавикију.
Табела може бити корисна чак и ако ћелије немају садржај, нарочито зато што се коришћењем боје позадине ћелија табела може претворити у дијаграм, погледајте на пример en:Template talk:Square 8x8 pentomino example. „Слику“ у облику табеле је много згодније уређивати него послату слику.
Сваки ред мора да има исти број ћелија као и остали редови, да би број колона табеле остао доследан (осим ако постоје ћелије које треба да се пружају преко више редова или колона, погледајте colspan и rowspan ниже, у примеру Зачин). Да бисте добили празне ћелије, користите непреламајуће празно место (non-breaking space)
као садржај да би сте осигурали да ћелије буде приказане.
Примери
уредиПрост пример
уреди{| | Ћелија 1, ред 1 | Ћелија 2, ред 1 |- | Ћелија 1, ред 2 | Ћелија 2, ред 2 |}
и
{| | Ћелија 1, ред 1 || Ћелија 2, ред 1 |- | Ћелија 1, ред 2 || Ћелија 2, ред 2 |}
оба дају
Ћелија 1, ред 1 | Ћелија 2, ред 1 |
Ћелија 1, ред 2 | Ћелија 2, ред 2 |
Таблица множења
уредиИзворни код
уреди{| 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
Боја; домет параметара
уредиПостоје два начина за назначавање боје текста и позадине појединачне ћелије:
{| | bgcolor=red | <font color=white> абв | гдђ | style="background:red; color:white" | ежз | ијк |}
даје
абв | гдђ | ежз | ијк |
Као што је показано, „font“ делује само на једну ћелију, чак и без крајње ознаке: систем сам производи крајњу ознаку.
Као и остали параметри, боје се могу назначити за цео ред или целу табелу; параметри за ред надјачавају параметре за табелу, а они за ћелију оне за ред:
{| style="background:yellow; color:green" |- | абв | гдђе | жзи |- style="background:red; color:white" | јкл | љмнњ | опр |- | стћ | style="background:silver" | уфхц | чџш |}
даје
абв | гдђе | жзи |
јкл | љмнњ | опр |
стћ | уфхц | чџш |
Спецификација верзије 4.01 HTML-а дефинише шеснаест именованих боја, овде показаних хексадецималним вредностима:
black | #000000 | silver | #c0c0c0 | maroon | #800000 | red | #ff0000 | |||
navy | #000080 | blue | #0000ff | purple | #800080 | fuchsia | #ff00ff | |||
green | #008000 | lime | #00ff00 | olive | #808000 | Yellow | #ffff00 | |||
teal | #008080 | aqua | #00ffff | gray | #808080 | white | #ffffff |
Погледајте и текст w:en:web colors.
Ширина, висина
уредиМожете назначити висину и ширину целе табеле, као и висину реда. Одређивање ширине колоне може се урадити одређивањем ширине произвољне ћелије у тој колони. Када није одређена ширина за све колоне и/или висина за све редове, постоји одређена вишезначност и резултат зависи од прегледача.
{| style="width:400px; height:200px" border="1" |- | абв | гдђе | жзи |- style="height:100px" | јкл | style="width:200px" |љмнњ | опр |- | стћ | уфхц | чџш |}
даје
абв | гдђе | жзи |
јкл | љмнњ | опр |
стћ | уфхц | чџш |
Смештање (позиционирање)
уредиМоже се сместити сама табела, сав садржај у реду и садржај ћелије, али не може сав садржај ћелије једним параметром; погледајте en:Template talk:Table demo. Ни под којим условима немојте користити „float“ за смештање табеле. То разара обраду стране при великим величинама слова.
Зачин
уредиЕво једног напреднијег примера, који показује још неке опције доступне за прављене табела. Можете се поиграти са овим подешавањима у вашим сопственим табелама и видети какве ефекте имају. Не морају све ове технике да буду примерене у свакој ситуацији; само зато што, на пример, можете да додате обојену позадину, не значи да је то увек добра идеја. Покушајте да означавање у табелама одржите релативно простим — сетите се да ће и други уређивати чланак! Овај пример пак треба да вам да представу о томе шта је све могуће.
Изворни код
уреди{| border="1" cellpadding="5" cellspacing="0" align="center" |+'''Пример табеле''' |- ! style="background:#efefef;" | Прво заглавље ! colspan="2" style="background:#ffdead;" | Друго заглавље |- | горе лево | | rowspan=2 style="border-bottom:3px solid grey;" valign="top" | десна страна |- | style="border-bottom:3px solid grey;" | доле десно | style="border-bottom:3px solid grey;" | доле средина |- | colspan="3" align="center" | {| border="0" |+''Табела у табели'' |- | align="center" width="150px" | [[Датотека:Wikipedia-logo-sr.png]] | align="center" width="150px" | [[Датотека:Wikipedia-logo-sr.png]] |- | align="center" colspan="2" style="border-top:1px solid red; border-right:1px solid red; border-bottom:2px solid red; border-left:1px solid red;" | Два логотипа Википедије |} |}
Изглед
уреди
Пример табеле Прво заглавље Друго заглавље горе лево десна страна
доле десно доле средина
Табела у табели Два логотипа Википедије
Напредни пример
уреди{| align=right border=1 | Ћелија 1, ред 1 |rowspan=2| Ћелија 2, ред 1 (и 2) | Ћелија 3, ред 1 |- | Ћелија 1, ред 2 | Ћелија 3, ред 2 |}
Ћелија 1, ред 1 | Ћелија 2, ред 1 (и 2) | Ћелија 3, ред 1 |
Ћелија 1, ред 2 | Ћелија 3, ред 2 |
Приметите како табела плута на десно.
Угњеждена табела
уреди{| border=1 | α | {| bgcolor=#ABCDEF border=2 |угњеждена |- |табела |} |опет првобитна табела |}
даје угњеждену табелу
α |
|
опет првобитна табела |
Угњеждене табеле морају почети на новој линији.
Друге синтаксе за табеле
уредиДруги типови синтаксе за табеле које Медијавики подржава:
- XHTML
- HTML и вики <td> синтакса
Медијавики подржава сва три и сва производе (тренутно) ваљам HTML излаз, али је пајп синтакса најједноставнија, осим можда за оне који су већ упознати са HTML-ом. Такође, није сигурно да ће HTML и вики <td> синтаксе бити подржане од стране прегледача и у будућности, нарочито на ручним (handheld) уређајима који могу да приступају Интернету.
Такође погледајте и HTML елементи#Табеле. Знајте, међутим, да елементи thead
, tbody
, tfoot
, colgroup
и col
тренутно нису подржани у Медијавикију.
Поређење
уредиXHTML | HTML и Вики-тд (Wiki-td) | Вики-пајп (Wiki-pipe) | |||||||
---|---|---|---|---|---|---|---|---|---|
Табела | <table></table> | <table></table> | {| параметри |} | ||||||
Натпис | <caption></caption> | <caption></caption> | |+ натпис | ||||||
Ред | <tr></tr> | <tr> | |- параметри | ||||||
Ћелија са подацима |
<td>ћелија1</td> |
<td>ћелија1 |
| ћелија1 | ћелија2 | ||||||
Ћелија са подацима | <td>ћелија1</td> <td>ћелија2</td> <td>ћелија3</td> | <td>ћелија1 <td>ћелија2 <td>ћелија3 | |ћелија1||ћелија2||ћелија3 | ||||||
Ћелија заглавља | <th></th> | <th> | ! заглавље | ||||||
Узорак табеле |
| ||||||||
<table> <tr> <td>1</td> <td>2</td> </tr> <tr> <td>3</td> <td>4</td> </tr> </table> | <table> <tr> <td> 1 <td> 2 <tr> <td> 3 <td> 4 </table> | {| | 1 || 2 |- | 3 || 4 |} | |||||||
Узорак табеле |
| ||||||||
<table> <tr> <td>1</td> <td>2</td> </tr> <tr> <td>3</td> <td>4</td> </tr> <tr> <td>5</td> <td>6</td> </tr> </table> | <table> <tr> <td> 1 <td> 2 <tr> <td> 3 <td> 4 <tr> <td> 5 <td> 6 </table> | {| | 1 || 2 |- | 3 || 4 |- | 5 || 6 |} | |||||||
За |
Може се прегледати/исправити у сваком XHTML уређивачу Може се обликовати да олакша читање Добро знано |
Може се прегледати/исправити у сваком HTML уређивачу Може се обликовати да олакша читање Добро знано Заузима мање простора него XHTML |
Лако се пише Лако се чита Не заузима пуно места | ||||||
Против |
Тегобно Заузима пуно места Тешко га је читати брзо |
Збуњујуће, посебно за особе са малим искуством у HTML-у Лоше обликовано Лоше ограничено У принципу изгледа чудно Можда у будућности неће бити подржано у прегледачима |
Непозната синтакса Крута структура Не може се увлачити Текст (као што су HTML ознаке) неким особама може бити читљивији него низ пајпова, знакова сабирања, ускличника итд. | ||||||
XHTML | HTML и Вики-тд (Wiki-td) | Вики-пајп (Wiki-pipe) |
Пајп синтакса и произведени HTML
уредиПајп синтакса, коју је развио Магнус Манске (Magnus Manske), замењује пајпове (|) у HTML. Постоји и онлајн скрипт који претвара html табеле у табеле у пајп синтакси.
Пајпови морају кретати од почетка нове линије, сем кад раздвајају параметре од садржаја или када се користи ||
за одвајање ћелија на једној линији. Параметри су необавезни.
Табеле
уредиТабела се дефинише са {| ''параметри'' |} што је једнако <table ''параметри''>Овде убаците необликован текст </table>
- Пажња: Морате ставити празно место (space) између
{|
ипараметри
или ће први параметар бити игнорисан.
Редови
уреди<tr> ознаке ће за први ред бити аутоматски направљене. Да би сте започели нови ред, користите
|-
што даје
<tr>
Параметре можете додавати на следећи начин:
|- параметри
што даје
<tr параметри>
Примедба:
- <tr> ознаке ће бити отворене аутоматски код прве одговарајуће <td> ознаке
- <tr> ознаке ће бити затворене аутоматски код одговарајућих <tr> и </table> ознака
Ћелије
уредиЋелије се праве или овако:
|ћелија1 |ћелија2 |ћелија3
или овако:
|ћелија1||ћелија2||ћелија3
оба су једнака
<td>ћелија1</td><td>ћелија2</td><td>ћелија3</td>
па је „||“ једнако „нови ред“ + „|“
Параметри у ћелијама се користе овако:
|параметри|ћелија1||параметри|ћелија2||параметри|ћелија3
што даје
<td параметри>
Заглавља
уредиФункционише на исти начин као и TD, сем што се користи „!“ уместо отварајућег „|“. „!!“ се може користити умести „||“. Мада, за параметре се још увек користи „|“! Пример:
!параметри|ћелија1
Натписи
уредиОзнака <caption> се прави са
|+ Натпис
што даје
<caption>Натпис</caption>
Такође се могу користити параметри:
|+ параметри|Натпис
што ће дати
<caption параметри>Натпис</caption>
Текст поред табеле
уреди(Можда ћете морати да повећате или смањите величину слова у прегледачу да би сте видели ефекат који хоћемо да демонстрирамо; такође можете да пробате и да промените ширину прозора прегледача.)
Можете да користите align=right; текст после кода табеле се појављује са леве стране табеле.
× | 1 | 2 | 3 |
---|---|---|---|
1 | 1 | 2 | 3 |
2 | 2 | 4 | 6 |
3 | 3 | 6 | 9 |
4 | 4 | 8 | 12 |
5 | 5 | 10 | 15 |
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
Међутим, овде немојте стављати већ обликован текст, може се преклопити са табелом пошто се не обмотава. Да бисте то спречили, користите <br style="clear:both;">:
× | 1 | 2 | 3 |
---|---|---|---|
1 | 1 | 2 | 3 |
2 | 2 | 4 | 6 |
3 | 3 | 6 | 9 |
4 | 4 | 8 | 12 |
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
овде је тако да би већ обликован текст почео тек након завршетка табеле текст текст текст текст текст текст текст текст текст текст текст текст
Можете да користите align=left, табела ће бити са леве стране а следећи текст са њене десне стране (мада можда преблизу):
× | 1 | 2 | 3 |
---|---|---|---|
1 | 1 | 2 | 3 |
2 | 2 | 4 | 6 |
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
Простор око табеле, слике или текста
уредиДа бисте направили празан простор око табеле, слике или текста, направите око тога табелу 1×1, са уметањем између ћелија (cellpadding):
|
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
текст у кутији |
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст TeXt текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
Подешавање ширине ваших колона
уредиАко желите да форсирате одређену ширину колона уместо да прихватите ширину најширег текстуалног елемента у ћелијама колоне, пратите овај пример. Приметите се је омотавање текста форсирано.
{| border="1" cellpadding="2" !width="50"|Назив !width="225"|Ефекат !width="225"|Налази се у играма |- |Покелопта |Обична покелопта |Све верзије |- |Велика лопта |Боља него Покелопта |Све верзије |}
Назив Ефекат Налази се у играма Покелопта Обична покелопта Све верзије Велика лопта Боља него Покелопта Све верзије
Подешавање параметара
уредиНа почетку ћелије, додајте своје параметре праћене једним пајпом. На пример width=300п| ће поставити ширину ћелије на 300 пиксела. Да би сте поставили више од једног параметра, оставите празно место између сваког од њих.
Вики код
уреди{| |- | bgcolor=red|ћелија1 || width=300px bgcolor=blue|ћелија2 || bgcolor=green|ћелија3 |}
Како ће изгледати у вашем прегледачу
уреди
ћелија1 ћелија2 ћелија3
Уравнање децималног зареза
уредиКолоне бројева се могу уравнати на децимални зарез на следећи начин:
<blockquote> {| cellpadding=0 cellspacing=0 |align=right| 432 || , || 1 |- |align=right| 43 || , || 21 |- |align=right| 4 || , || 321 |} </blockquote>
даје
432 , 1 43 , 21 4 , 321
У простијим случајевима можете се одрећи табеле и једноставно почети линије празним местом (space) и да додајете празна места да би уравнали бројеве:
432,1 43,21 4,321
Шаблони за стил
уредиНеки корисници су направили шаблоне да би олакшали стилове на табелама. Уместо да памтите параметре табеле, само укључите шаблон одговарајућег стила после {|
. Ово помаже да обликовање табела остане уједначено и може да учини да једна промена на шаблону реши проблем или побољша изглед свих табела које га користе. На пример, ово:
× | 1 | 2 | 3 |
---|---|---|---|
1 | 1 | 2 | 3 |
2 | 2 | 4 | 6 |
3 | 3 | 6 | 9 |
4 | 4 | 8 | 12 |
5 | 5 | 10 | 15 |
Сви овакви шаблони би требали да буду организовани/набројани на једном месту, као што је овде.
Галерија
уредиКао нуспроизвод особине галерије слика, табела се може направи и ознаком gallery (галерија); ако текстуална ставка садржи везу, цела ставка се игнорише.
<gallery perrow=5> Датотека:Communityfront2.jpg|[[Српски културни центар у Ванкуверу|Српски културни центар]] Датотека:English Bay Vancouver.jpg|Поглед на Енглески залив са Поморског музеја Датотека:False Creek2.jpg|Фолс Крик марина Датотека:Granville Island Night.jpg|Гренвил острво у Ванкуверу, ноћу Датотека:Vancouver from Grouse mountain.jpg|Поглед на Ванкувер са планине Граус Датотека:Sunset picnic.jpg|Залазак сунца на Енглеском заливу Датотека:Fog_in_Vancouver.jpg|Поглед на Фермонт хотел са зграде Харбор Центра Датотека:Vancouver Sun Tower.jpg|Сан тауер Датотека:Science World.jpg|Купола музеја Света науке Датотека:CanadaPlaceVancouverSnow.jpg|Канада Плејс </gallery>
даје:
-
Поглед на Енглески залив са Поморског музеја
-
Фолс Крик марина
-
Гренвил острво у Ванкуверу, ноћу
-
Поглед на Ванкувер са планине Граус
-
Залазак сунца на Енглеском заливу
-
Поглед на Фермонт хотел са зграде Харбор Центра
-
Сан тауер
-
Купола музеја Света науке
-
Канада Плејс
Такође погледајте
уредиСпољашње везе
уреди- Претварач табела из HTML-а у вики на cnic.org
- csv2wp — претвара из формата вредности одвојених зарезом (comma-separated values — CSV) у пајп синтаксу. Може се користити за увоз табела из на пример Excel-а и сл. (више информација)
- Претварач табела из HTML-а у вики на wackyboy.com
- Претварач табела из HTML-а у вики на uni-bonn.de
- Претварач табела из HTML-а у вики на diberri.dyndns.org
- pywikipediabot (може да претвори табеле из HTML-а у вики)