|
|}
נציג כעת כיצד ניתן ליצור טבלה פשוטה שתוצאתה הסופית מוצגת משמאל.
<span style="font-weight:bold; color: red#ff0000"><nowiki> {| -</nowiki></span> ▼{{-}}
<span style="font-weight:bold; color: red#00ff00"><nowiki>|+ כותרת הטבלה</nowiki></span> ▼ <span style="font-weight:bold; color: red#0000ff"><nowiki>|-</nowiki></span> ▼ <span style="font-weight:bold; color: red#006666"><nowiki>! עמודה 1 !! עמודה 2 !! עמודה 3</nowiki></span> ▼ <span style="font-weight:bold; color: red#0000ff"><nowiki>|-</nowiki></span> ▼ <span style="font-weight:bold; color: red#666600"><nowiki>| תא 1 || תא 2 || תא 3</nowiki></span> ▼ <span style="font-weight:bold; color: red#0000ff"><nowiki>| תא א'-</nowiki></span> ▼ <span style="font-weight:bold; color: red#666600"><nowiki>| תא בא'</nowiki></span> ▼ <span style="font-weight:bold; color: red#666600"><nowiki>| תא גב'</nowiki></span> ▼ <span style="font-weight:bold; color:#666600"><nowiki>| תא ג'</nowiki></span>
<span style="font-weight:bold; color:#ff0000"> <nowiki>|}</nowiki></span>
* קודם כל, יש ליצור את <span style="font-weight:bold; color:red;#ff0000">תחילת הטבלה וסופהבאדום</span>. -תחילת הטבלה מוגדרת באמצעות התווים <code>{|</code>, וסוף הטבלה מוגדרת באמצעות התווים <code>|}</code>.וסופה
* <span style="font-weight:bold; color:red#00ff00"><nowiki>{|</nowiki>בירוק </span> - כותרת לטבלה
* <span style="font-weight:bold; color:#0000ff">בכחול</span> - שורה חדשה
מקום גוף הטבלה כאן
* <span style="font-weight:bold; color:red#006666"><nowiki>|}</nowiki>בטורקיז</span> - כותרות העמודות בטבלה
* <span style="font-weight:bold; color:#666600">בחאקי</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>.
| 