הצגת המקור של הדף "איך מוסיפים טבלאות"

לוויקי תחביר עצמאי ליצירת טבלאות, שנועד לפשט הליך זה במידת האפשר. יתרונותיו של התחביר הם פשטות וגמישות כאחד - קל להבין את הטבלה ולתחזק אותה, והתחביר מאפשר שליטה מלאה בתצורת הטבלה. חסרונו הוא בכך שקיימת הגבלה מסויימת בגמישות הכתיבה שלו, הואיל וחלק מתווי הבקרה חייבים להיות במיקום מסויים.

'''כדי ליצור טבלה, יש להשתמש בארבעה תווי בקרה בסיסיים אלו: 
{| border="1" cellpadding="5" style="text-align: center; margin: auto;"
| '''<nowiki>{|</nowiki>''' || '''<nowiki>|-</nowiki>'''
| '''<nowiki>|</nowiki>''' || '''<nowiki>|}</nowiki>''' 
|-
| תחילת טבלה || ירידת שורה||הוספת עמודה|| סיום טבלה
|}
השימוש בתווי הבקרה הנזכרים לעיל הוא כדלקמן:
* בתחילת הטבלה יש "לפתוח" אותה בתוים <code>{|</code> בתחילת השורה. שני תווים אלו מסמנים לדפדפן שמדובר בטבלה.
* שורה חדשה מצויינת באמצעות <code>|-</code> בתחילת השורה. שני תווים אלו מסמנים לדפדפן שיש לפתוח שורה חדשה בטבלה.
* ציון תא חדש נעשה באמצעות התו <code>|</code> בתחילת השורה או בצמד התווים <code>||</code> באמצע השורה.
* בסוף הטבלה יש "לסגור" אותה באמצעות התווים <code>|}</code> בתחילת השורה. תווים אלו מסמנים לדפדפן שהגענו לסוף הטבלה.

'''הערה''': שימו לב כי מיקום התווים הוא חיוני, והצבתם במיקום מוטעה עלולה לגרור שיבוש בהצגת הטבלה. כך לדוגמה, תו הבקרה <code>{|</code> יופיע תמיד בתחילת השורה ולא באמצעה. 

==יצירת טבלה פשוטה==
{| border="1" align="left" 
|+ כותרת הטבלה
! עמודה 1 !! עמודה 2 !! עמודה 3
|-
! כותרת תא 1 
| תא 2 || תא 3
|-
! כותרת תא א'
| תא ב' || תא ג'
|}
נציג כעת כיצד ניתן ליצור טבלה פשוטה שתוצאתה הסופית מוצגת משמאל.
<br clear="all">

* קודם כל, יש ליצור את <span style="font-weight:bold; color:red;">תחילת וסוף הטבלה</span>. תחילת הטבלה מוגדרת באמצעות התווים <code>{|</code>, וסוף הטבלה מוגדרת באמצעות התווים <code>|}</code>.
 <span style="font-weight:bold; color:red"><nowiki>{|</nowiki></span>
   מקום גוף הטבלה כאן
 <span style="font-weight:bold; color:red"><nowiki>|}</nowiki></span>

* כעת נוסיף <span style="font-weight:bold; color:red;">כותרת</span> לטבלה. הכותרת נעשית באמצעות התווים <code>|+</code>, רווח ולאחר מכן הכותרת.
 <nowiki>{|</nowiki>
 <span style="font-weight:bold; color:red"><nowiki>|+ כותרת הטבלה</nowiki></span>
   מקום גוף הטבלה כאן
 <nowiki>|}</nowiki>

* כדי ליצור <span style="font-weight:bold; color:red;">שורה חדשה</span>, נשתמש בתווים <code>|-</code>. מכיוון שיש לנו שלוש שורות, נוסיף את הסימון הזה שלוש פעמים.
 <nowiki>{|</nowiki>
 <nowiki>|+ כותרת הטבלה</nowiki>
 <span style="font-weight:bold; color:red"><nowiki>|-</nowiki></span>
   שורה ראשונה: מקום התאים כאן
 <span style="font-weight:bold; color:red"><nowiki>|-</nowiki></span>
   שורה שנייה: מקום התאים כאן
 <span style="font-weight:bold; color:red"><nowiki>|-</nowiki></span>
   שורה שלישית: מקום התאים כאן
 <nowiki>|}</nowiki>

* כעת ניצור את תוכן השורה הראשונה של הטבלה. השורה הראשונה כוללת למעשה את <span style="font-weight:bold; color:red;">הכותרות של העמודות</span>. יש לסמן את תחילתו של כל תא בתו <code>!</code> (בתחילת שורה) או באמצעות התווים <code>!!</code> (באמצע שורה). 
 <nowiki>{|</nowiki>
 <nowiki>|+ כותרת הטבלה</nowiki>
 <nowiki>|-</nowiki>
 <span style="font-weight:bold; color:red"><nowiki>! עמודה 1 !! עמודה 2 !! עמודה 3</nowiki></span>
 <nowiki>|-</nowiki>
   שורה שנייה: מקום התאים כאן
 <nowiki>|-</nowiki>
   שורה שלישית: מקום התאים כאן
 <nowiki>|}</nowiki>

* כעת נוסיף את תוכן שאר השורות. יצירת התאים הרגילים נעשית בדומה ליצירת הכותרת, עם שינוי אחד בלבד: יש להשתמש בתווים <code>|</code>' (בתחילת שורה) ו-<code>||</code> (באמצע שורה). כלומר במקום סימן קריאה, נשתמש בקו אנכי. נדגים כעת כיצד ליצור את <span style="font-weight:bold; color:red;">התאים הרגילים</span> בשני אופנים, כאשר השורה השנייה נעשית באופן אחד, והשורה השלישית באופן אחר. אופן ההצגה לאחר השמירה יהיה זהה - הבחירה בשיטת קידוד הטבלה תלויה בנוחות השימוש בלבד. שימו לב שההדגמה שלהלן סוטה מהטבלה המוצגת בראש הפסקה, וזאת כדי להראות שיטות בנייה שונות - נחזור לטבלה המקורית מיד לאחר מכן.
 <nowiki>{|</nowiki>
 <nowiki>|+ כותרת הטבלה</nowiki>
 <nowiki>|-</nowiki>
 <nowiki>! עמודה 1 !! עמודה 2 !! עמודה 3</nowiki>
 <nowiki>|-</nowiki>
 <span style="font-weight:bold; color:red"><nowiki>| תא 1 || תא 2 || תא 3</nowiki></span>
 <nowiki>|-</nowiki>
 <span style="font-weight:bold; color:red"><nowiki>| תא א'</nowiki></span>
 <span style="font-weight:bold; color:red"><nowiki>| תא ב'</nowiki></span>
 <span style="font-weight:bold; color:red"><nowiki>| תא ג'</nowiki></span>
 <nowiki>|}</nowiki>

* בהדגמה לעיל יצרנו שתי שורות חדשות ובכל שורה שלושה תאים רגילים. אולם, הצצה בטבלה שבראש הפסקה תגלה לנו שהתא הראשון בכל שורה מהווה <span style="font-weight:bold; color:red;">כותרת שורה</span>. על מנת להפוך את התא לכותרת, נחליף את התו <code>|</code> ב-<code>!</code>.
 <nowiki>{|</nowiki>
 <nowiki>|+ כותרת הטבלה</nowiki>
 <nowiki>|-</nowiki>
 <nowiki>! עמודה 1 !! עמודה 2 !! עמודה 3</nowiki>
 <nowiki>|-</nowiki>
 <span style="font-weight:bold; color:red"><nowiki>! כותרת תא 1</nowiki></span>
 <nowiki>| תא 2 || תא 3</nowiki>
 <nowiki>|-</nowiki>
 <span style="font-weight:bold; color:red"><nowiki>! כותרת תא א'</nowiki></span>
 <nowiki>| תא ב'</nowiki>
 <nowiki>| תא ג'</nowiki>
 <nowiki>|}</nowiki>

* בניית הטבלה הסתיימה; כעת ניתן לעבור לעיצוב הטבלה. לטבלה שבראש הפסקה יש גבולות, והיא מיושרת לצד שמאל של הדף. המידע הנוגע לעיצוב הטבלה נקרא '''[[#פרמטרים|פרמטר]]'''. פרמטרים המשפיעים על כל הטבלה יש להוסיף לאחר תווי הפתיחה של הטבלה <code>{|</code>, כשרווח מפריד בין תווי הפתיחה ובין הפרמטרים עצמם. 
 <nowiki>{|</nowiki> <span style="font-weight:bold; color:red"><nowiki>border=1 align=left</nowiki></span>
 <nowiki>|+ כותרת הטבלה</nowiki>
 <nowiki>|-</nowiki>
 <nowiki>! עמודה 1 !! עמודה 2 !! עמודה 3</nowiki>
 <nowiki>|-</nowiki>
 <nowiki>! כותרת תא 1'</nowiki>
 <nowiki>| תא 2 || תא 3</nowiki>
 <nowiki>|-</nowiki>
 <nowiki>! כותרת תא א'</nowiki>
 <nowiki>| תא ב'</nowiki>
 <nowiki>| תא ג'</nowiki>
 <nowiki>|}</nowiki>

* התוצאה היא הטבלה שבראש הפסקה:
{| border="1" align="left" 
|+ כותרת הטבלה
! עמודה 1 !! עמודה 2 !! עמודה 3
|-
! כותרת תא 1 
| תא 2 || תא 3
|-
! כותרת תא א'
| תא ב' || תא ג'
|}
<br clear="all">

==טבלת ויקי לעומת טבלת HTML==
שימו לב: כל התווים (למעט הגדרת תאים באמצע שורה) חייבים להיות מוצמדים לתחילת השורה. את הפרמטרים יש להוסיף כשהם מופרדים ברווחים וכתובים בפורמט המקובל ב-HTML.
<br>
{| class="wikitable" align="center"
! תכלית !! פורמט ויקי !! הערות !! פורמט [[HTML]]
|-
| הגדרת תחילת טבלה  || <nowiki> {| </nowiki> || ניתן להגדיר פרמטרים להגדרת הטבלה כולה || <nowiki> <table> </nowiki>
|-
| שורה חדשה || <nowiki> |- </nowiki> ||  ניתן להגדיר פרמטרים להגדרת השורה || <nowiki> <tr></tr> </nowiki>
|-
| הגדרת תא חדש || <nowiki> | </nowiki>  || ניתן להגדיר פרמטרים להגדרת התא || <nowiki> <td></td> </nowiki>
|-
| הגדרת סיום טבלה  || <nowiki> |} </nowiki>  || אין || <nowiki> </table> </nowiki>
|-
! colspan ="4" | תווי בקרה אופציונליים
|-
| הגדרת תא-כותרת חדש || <nowiki> ! </nowiki> || הטקסט יהיה ממורכז ומודגש ||<nowiki><th></th></nowiki>
|-
| הגדרת תא-כותרת חדש באמצע שורה || <nowiki> !! </nowiki> || הטקסט יהיה ממורכז ומודגש ||<nowiki><th></th></nowiki>
|-
| הגדרת תא חדש באמצע שורה || <nowiki> || </nowiki> || אין ||<nowiki><td></td></nowiki>
|-
| הגדרת כותרת טבלה || <nowiki> |+ </nowiki> || הכותרת תופיע מעל הטבלה ||<nowiki><caption></caption></nowiki>
|}

==פרמטרים==
בשורה הראשונה יש להגדיר את מאפייני הטבלה.
כמו למשל צבע, מסגרת, מיקום הטבלה (ימין/שמאל/אמצע) וכדומה.<br>

{| class="wikitable" align="center" cellpadding="4"
! colspan="4" | פרמטרים
|-
! תכונה !! שם !! דוגמה !! מיקום ההגדרה<sup>[1]</sup>
|-
| צבע רקע (ראה [[עזרה:צבעים]]) || bgcolor || align=left dir="ltr" | bgcolor="#ABCDEF" || טבלה, שורה, תא
|-
| ישור אופקי: ימין, אמצע, שמאל || align || align=left dir="ltr" | align="center" || טבלה, שורה, תא
|-
| ישור אנכי: למעלה, אמצע, למטה || valign || align=left dir="ltr" | valign="top" || שורה
|-
| כיוון זרימת הטקסט או הטבלה, מימין לשמאל או להפך || dir || align=left dir="ltr" | dir="ltr", dir="rtl" || טבלה, שורה, תא
|-
| רוחב מסגרת || border || align=left dir="ltr" | border="6" || טבלה
|-
| רווח מחוץ לתא || cellspacing || align=left dir="ltr" | cellspacing="8" || טבלה
|-
| רווח מסביב לטקסט || cellpadding || align=left dir="ltr" | cellpadding="2" || טבלה
|-
| תא המשתרע על פני מספר עמודות || colspan || align=left dir="ltr" | colspan="2" || תא
|-
| תא המשתרע על פני מספר שורות || rowspan || align=left dir="ltr" | rowspan="4" || תא
|-
| רוחב קבוע ביחידות מידה || width  || align=left dir="ltr" | width="400px" || טבלה, תא
|-
| רוחב קבוע באחוזים || width || align=left  dir="ltr" | width="50%" || טבלה, תא
|-
| שימוש בסגנונות || style || align=left  dir="ltr" | style="width: 100%" || טבלה, שורה, תא

|}
לגבי הערה '''[1]''':
*טבלה: מופיע אחרי {| ומשפיע על הטבלה כולה
*שורה: מופיע אחרי |- ומשפיע כל שורה שלמה
*תא: מופיע בין | לבין || -או- בין ! לבין || ומשפיע על תא יחיד

==סגנונות - Style==
ניתן ואף מומלץ ועדיף להשתמש בתכונות Style כאשר ניתן, במקום הפרמטרים הרגילים של טבלת HTML. שימוש בתכונות אלו מאפשר גמישות רבה מאוד.

* ראו [[עזרה:שכבות#מאפיינים|כאן]] פרמטרים אפשריים.
* בוויקיפדיה מספר עיצובים מוגדרים מראש. ראו [[עזרה:שכבות#סגנונות קבועות מראש|כאן]] רשימת סגנונות קבועים מראש.
* ראו כיצד ניתן להסתיר שורה של טבלה בעת שימוש בטבלאות בתוך תבניות [[עזרה:שכבות#כיצד ניתן להסתיר שורה של טבלה|כאן]].

==טבלאות מתמיינות==
ניתן ליצור טבלה מתמיינת, באמצעות השימוש בתגית class="sortable" בראש הטבלה.

{| class="sortable" 
|-
! עמודה 1 !! עמודה 2 !! עמודה 3
|-
| תא 1 || תא 2 || תא 3
|-
| תא 4 || תא 5 || תא 6
|-
| תא 7 || תא 8 || תא 9
|}
ניתן לקבוע לטבלה עיצוב יפה יותר, באמצעות קביעת class="wikitable sortable" כך הטבלה תקבל הן את התכונות של wikitable והן את אפשרות המיון.

==טבלה צפה==
המידה ורוצים לתת טקסט שיופיע בחלונית מקבילה לטקסט הראשי ניתן ליישם זאת באמצעות טבלה צפה כאשר היא תוגדר כצפה הstyle="float"

{| class="toccolours" style="float: left; margin-right: 1.5em;"
| תאור מיוחד של מה שקרה 
|}
זוהי רק דוגמה. <br />
זוהי רק דוגמה. <br />
זוהי רק דוגמה.

==דוגמאות==
ראו [[עזרה:טבלאות/דוגמאות|כאן]] דוגמאות מסוגים שונים.

==ראו גם==
* [[meta:Help:Table|ההסבר במטא-ויקי]] - הסברים מלאים ועדכניים (במקרה שנעשה שינוי/שיפור/תוספת לתחביר).
* [http://www.uni-bonn.de/~manfear/html2wiki-tables.php ממיר HTML > ויקי אוטומטי] - שימושי מאוד לטבלאות. ניתן לערוך טבלאות בתוכנת עריכת HTML בקלות ולהעביר לתחביר ויקי בלי בעיה.
* [http://area23.brightbyte.de/csv2wp.php ממיר CSV לויקיטקסט]
* [[איך צבעים]] - דף עזרה המסביר כיצד למצוא את קוד הצבע הרצוי.


[http://he.wikipedia.org/wiki/עזרה:טבלאות הדף המקביל בויקיפדיה]
תרמו לדף זה: [[משתמש: מיכה יניב|מיכה יניב]] ואחרים...

[[קטגוריה:עזרה]]