עזרה:טבלאות/דוגמאות – הבדלי גרסאות

|}</nowiki>

 

<nowiki>{| bgcolor="#ccccff" align="center" border="2" cellpadding="3"

|-

|}

 

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

 

! גברים !! מספר !!!! נשים !! מספר

|-

|-

|-

|-

|-

|}</nowiki>

 

! גברים !! מספר !!!! נשים !! מספר

|-

|-

|-

|-

|-

|}

<br clear="all">

 

זו טבלת עמודות פשוטה, בה נוסף הקוד class="sortable", אשר מאפשר למיין כל עמודה על פי סדר עולה או יורד.

 

<pre>

{| class="sortable"

|-

|-

|-

|-

|}

</pre>

! עמודה 1 !! עמודה 2 !! עמודה 3

|-

|-

|-

|-

|}

 

 

<nowiki>{| border="1" cellpadding="2"

|+ לוח הכפל

|-

|-

|-

|-

|-

|-

|}</nowiki>

 

|+ לוח הכפל

|-

|-

|-

|-

! 3

|-

|-

|}

 

בדוגמה זו ניצור טבלה ממורכזת ברוחב של 75% מהדף עם כותרת עליונה ותחתונה ובאמצע התוכן מופרד באמצעות מקפים. צבע הכותרות יהיו שונות מצבע תוכן הטבלה ונשתמש במאפייני גבולות חיצוניים מוגדרים מראש ("toccolours"). כדי להגדיר מאפיינים מסוימים, נשתמש במאפייני Style.

 

[[יוליוס קיסר|יוליוס קיסר]] - [[אוגוסטוס קיסר]] - [[טיבריוס|טיבריוס קיסר]] - [[קליגולה|"קליגולה"]] - [[קלאודיוס|קלאודיוס קיסר]] - [[נירון קיסר]] - [[גלבה]] - [[אותו]] -[[ויטליוס]] - [[אספסיאנוס]] - [[טיטוס]] - [[דומיטיאנוס]] - [[נרווה]] - [[טריאנוס]] - [[אדריאנוס]] - [[אנטונינוס פיוס]] - [[מרקוס אורליוס]] - [[קומודוס]] - [[פרטינקס]] - [[דידיוס יוליאנוס]] - [[ספטימוס סוורוס]]

|-

|}</pre>

 

|-

|-

|

[[יוליוס קיסר|יוליוס קיסר]] - [[אוגוסטוס קיסר]] - [[טיבריוס|טיבריוס קיסר]] - [[קליגולה|"קליגולה"]] - [[קלאודיוס|קלאודיוס קיסר]] - [[נירון קיסר]] - [[גלבה]] - [[אותו]] -[[ויטליוס]] - [[אספסיאנוס]] - [[טיטוס]] - [[דומיטיאנוס]] - [[נרווה]] - [[טריאנוס]] - [[אדריאנוס]] - [[אנטונינוס פיוס]] - [[מרקוס אורליוס]] - [[קומודוס]] - [[פרטינקס]] - [[דידיוס יוליאנוס]] - [[ספטימוס סוורוס]]

|-

|}

 

בדוגמה הבאה ניצור טבלה שבה השורות צבועות לסירוגין בצבע שונה.

 

! גברים !! מספר

|- bgcolor=#ABCDEF

|- bgcolor=#ccccff

|- bgcolor=#ABCDEF

|- bgcolor=#ccccff

|- bgcolor=#ABCDEF

|}</nowiki>

 

|}

 

ניתן ליצור טבלה בתוך טבלה. בדוגמה זו ניצור טבלה כשבתא השני טבלה עם שתי שורות ובתא השלישי טבלה עם שלוש שורות.

<nowiki>{| border="1"

| חטיף

|

| במבה

|-

|}

|

| פחמימות

|-

|}</nowiki>

 

| חטיף

|

| במבה

|-

|}

|

|-

| סוכרים

|}

 

בדוגמה זו ניצור תמונה מוצמדת לשמאל ומעליה כותרת ממרוכזת עם רקע ורוד.

 

! bgcolor="pink" | דודו

|-

|}</nowiki>

 

! bgcolor="pink" | דודו

|-

|}

<br clear="all">

 

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

 

|- valign="top"

| ב[[ארץ ישראל]] קם העם היהודי, בה עוצבה דמותו הרוחנית, הדתית והמדינית,

|}</nowiki>

 

|- valign="top"

| ב[[ארץ ישראל]] קם העם היהודי, בה עוצבה דמותו הרוחנית, הדתית והמדינית, בה חי חיי קוממיות ממלכתית, בה יצר נכסי תרבות לאומיים וכלל-אנושיים והוריש לעולם כולו את ספר הספרים הנצחי.

|}

 

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

 

הדתית והמדינית, בה חי חיי קוממיות ממלכתית, בה יצר נכסי תרבות לאומיים

וכלל-אנושיים והוריש לעולם כולו את ספר הספרים הנצחי.

ולא חדל מתפילה ומתקווה לשוב לארצו ולחדש בתוכה את חירותו המדינית.

 

ולהיאחז במולדתם העתיקה; ובדורות האחרונים שבו לארצם בהמונים, וחלוצים,

מעפילים ומגינים הפריחו נשמות, החיו שפתם העברית, בנו כפרים וערים, והקימו

הקידמה לכל תושבי הארץ ונושא נפשו לעצמאות ממלכתית.

 

של הוגה חזון המדינה היהודית תאודור הרצל, והכריז על זכות העם היהודי לתקומה

לאומית בארצו.

|}</nowiki>

 

 

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

|}

 

ניתן להגדיר את רוחב הטבלה באמצעות אחוזים ובאמצעות יחידות מידה, כגון em ,px ו-ex.

 

| מה קורה?

|-

|}</nowiki>

 

| מה קורה?

|-

|}

 

 

|-

|-

|}</nowiki>

 

{| border="1" width="60%"

|-

| rowspan="2" | 3

|-

|}

 

<pre>

|- align="center"

|- align="center"

|- align="center"

|- align="center"

|- align="center"

|- align="center"

|}

</pre>

|}

 

כדי ליצור רשימות בטבלה יש להשתמש בשורה חדשה.

 

|

|

# פריט 3

|}</nowiki>

 

|

|

# פריט 3

|}

 

 

 

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

 

בכדי ליצור טבלה צפה, יש להשתמש בתכונה Style, ולקבוע במאפיין float את הכיוון שמאל או ימין. נגדיל את ריווח הטקסט מסביב לטבלה באמצעות המאפיין margin. במקרה זה, נשתמש ב-margin-right כדי לקבוע את הריווח מצד ימין. ניתן להשתמש ביחידות מידה שונות, אנחנו נשתמש ב-em. במקרה זה נשתמש גם ברקע וגבולות מוגדרים מראש (toccolours).

 

|-

|-

|-

| שם: || ימת כנרת

זהו ניסיון לטקסט גולש. זהו ניסיון לטקסט גולש. זהו ניסיון לטקסט גולש. זהו ניסיון לטקסט גולש.</nowiki>

 

|-

|-

|-

| שם: || ימת כנרת

<br clear="all">

 

ניצור רקע אדום לסירוגין וצבע טקסט צהוב בטבלה כולה.

 

| style="background-color: red;" | אבג

| דהו

|}

 

ניתן לעצב את השוליים באמצעות המאפיינים border-right ו-border-left. בעזרת מאפיינים אלו ניתן להגדיר את עובי השוליים, את סוג השוליים ואת צבע השוליים.

 

 

{| border="1" cellspacing="0"

|}