הבדלים בין גרסאות בדף "עזרה:טבלאות"
שורה 77: | שורה 77: | ||
<div style="direction: ltr;"><pre> | <div style="direction: ltr;"><pre> | ||
− | {| class="toccolours collapsible" width="250 | + | {| class="toccolours mw-collapsible mw-collapsed" width="250 |
! כותרת | ! כותרת | ||
|- | |- | ||
שורה 86: | שורה 86: | ||
ייצור את הטבלה הבאה: | ייצור את הטבלה הבאה: | ||
− | {| class="toccolours collapsible" width="250 | + | {| class="toccolours mw-collapsible mw-collapsed" width="250 |
! כותרת | ! כותרת | ||
|- | |- |
גרסה מ־07:46, 1 בנובמבר 2013
כדי ליצור טבלה, יש להשתמש בארבעה תווי בקרה בסיסיים אלו:
{| | |- | | | |} |
תחילת טבלה | ירידת שורה | הוספת עמודה | סיום טבלה |
תכלית | פורמט ויקי | הערות | פורמט HTML |
---|---|---|---|
הגדרת תחילת טבלה | {| | ניתן להגדיר פרמטרים להגדרת הטבלה כולה | <table> |
שורה חדשה | |- | ניתן להגדיר פרמטרים להגדרת השורה | <tr></tr> |
הגדרת תא חדש | | | ניתן להגדיר פרמטרים להגדרת התא | <td></td> |
הגדרת סיום טבלה | |} | אין | </table> |
תווי בקרה אופציונליים | |||
הגדרת תא-כותרת חדש | ! | הטקסט יהיה ממורכז ומודגש | <th></th> |
הגדרת תא-כותרת חדש באמצע שורה | !! | הטקסט יהיה ממורכז ומודגש | <th></th> |
הגדרת תא חדש באמצע שורה | || | אין | <td></td> |
הגדרת כותרת טבלה | |+ | הכותרת תופיע מעל הטבלה | <caption></caption> |
בשורה הראשונה יש להגדיר את מאפייני הטבלה.
כמו למשל צבע, מסגרת, מיקום הטבלה (ימין/שמאל/אמצע) וכדומה.
פרמטרים | |||
---|---|---|---|
תכונה | שם | דוגמה | מיקום ההגדרה[1] |
צבע רקע | bgcolor | bgcolor="#ABCDEF" | טבלה, שורה, תא |
ישור אופקי: ימין, אמצע, שמאל | align | align="center" | טבלה, שורה, תא |
ישור אנכי: למעלה, אמצע, למטה | valign | valign="top" | שורה |
כיוון זרימת הטקסט או הטבלה, מימין לשמאל או להפך | dir | dir="ltr", dir="rtl" | טבלה, שורה, תא |
רוחב מסגרת | border | border="1" | טבלה |
רווח מחוץ לתא | cellspacing | cellspacing="8" | טבלה |
רווח מסביב לטקסט | cellpadding | cellpadding="4" | טבלה |
תא המשתרע על פני מספר עמודות | colspan | colspan="2" | תא |
תא המשתרע על פני מספר שורות | rowspan | rowspan="4" | תא |
רוחב קבוע ביחידות מידה | width | width="400px" | טבלה, תא |
רוחב קבוע באחוזים | width | width="50%" | טבלה, תא |
שימוש בסגנונות | style | style="width: 100%" | טבלה, שורה, תא |
לגבי הערה [1]:
- טבלה: מופיע אחרי {| ומשפיע על הטבלה כולה
- שורה: מופיע אחרי |- ומשפיע על שורה שלמה
- תא: מופיע בין | לבין || או בין ! לבין || ומשפיע על תא יחיד
טבלה הניתנת להסתרה
ניתן להוסיף לטבלה קישור המאפשר להציג ולהסתיר את תוכן הטבלה. הדבר נעשה על ידי הוספה של המילה "collapsible" למאפיין ה-class של הטבלה. אם מאפיין ה-class כולל מילים נוספות, יש להוסיפו בסוף, עם רווח לפניו.
הקישור הניתן להסתרה יופיע בתא הראשון מסוג כותרת (תא המתחיל עם סימן קריאה, ולא קו אופקי). רצוי להשתמש במאפיין width כדי לקבוע את רוחב הטבלה, וזאת על מנת שהקישור לא יפריע לכותרת. למשל, הקוד הבא:
{| class="toccolours mw-collapsible mw-collapsed" width="250 ! כותרת |- | תוכן |}
ייצור את הטבלה הבאה:
כותרת |
---|
תוכן |
ניתן גם להציג את הטבלה סגורה כברירת מחדל על ידי הוספתה של המילה "collapsed" למאפיין ה-class של הטבלה. למשל, הקוד הבא:
{| class="toccolours collapsible collapsed" width="250" ! כותרת |- | תוכן |}
ייצור את הטבלה הבאה:
כותרת |
---|
תוכן |
כאשר יש מספר עמודות, עדיף לייחד את השורה הראשונה לשורה שמתפרסת על פני כל העמודות כדי למנוע בעיות תצוגה. למשל:
{| class="wikitable collapsible" width="250" ! colspan="3" | כותרת כללית |- ! כותרת !! כותרת !! כותרת |- | תוכן || תוכן || תוכן |}
ייצור את הטבלה הבאה:
כותרת כללית | ||
---|---|---|
כותרת | כותרת | כותרת |
תוכן | תוכן | תוכן |