» נושאי לימוד
» נושאי לימוד
יום שבת 4 במאי 2024
עיצוב הטבלה
דף ראשי  טבלאות  עיצוב הטבלה גרסה להדפסה

גודל

 

Width  - מגדירה את רוחב הטבלה. (הגדרה של 100% לתג ה <table> למשל, תרחיב את הטבלה לכל רוחב הדף.) ניתן כמובן לקבוע גם רוחב עמודה בודדת. מידות הטבלה יכולים להיקבע הן ע"י אחוזים והן ע"י פיקסלים.

 Height- מגדירה את גובה הטבלה.

 

 

הוספת כתובית – כותרת לטבלה

 

על מנת להוסיף כותרת לטבלה נשתמש בתג: <caption>. התג מופיע אחרי תג <table> אך לפני סגירתו < /table>. הכתובית תהיה תמיד ממורכזת. תכונותיו של תג זה: align="top" עבור כתובית עליונה (ברירת המחדל) או align="bottom" עבור כתובית תחתונה.

 

 

מסגרת

 

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

ישנם מאפיינים נוספים המעצבים את המסגרת:

 

  • bordercolor  -מוסיפה צבע לגבול. לדוגמא:
  • Table Border="10" Bordercolor="navy">> ייתן טבלה עם מסגרת בצבע כחול ובעובי של 10  נק'.
  •  Bordercolorlight -מוסיף את תכונת תלת הממד למסגרת וקובע את צבע ה"צל" של תלת המימד (הצד עליון והשמאלי).
  •  Bordercolordark- אותו אפקט אך צובע את הצדדים ההפוכים.
  • Frame: קובעת איזה מצדדי הטבלה יוקף במסגרת. האפשרויות בתכונה זו הם:
    •  frame="Void"- ללא גבול חיצוני כלל.
    •  -frame="Box" מסגרת עוטפת לטבלה.
    •  frame="Above"- גבול עליון בלבד.
    •  frame="Below"- גבול תחתון בלבד.
    •  frame="LHS" -גבול שמאלי בלבד.
    •  frame="RHS" - גבול ימני בלבד.
    •  frame="Vsides"-יצור את קווי הגבול האנכיים
    •  frame="Hsides"-יצור את קווי הגבול האופקיים

 

רקע

ישנן שתי תכונות המסייעות בעיצוב הרקע:

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

< <table bgcolor="coral"- יצבע את הרקע של כל תאי הטבלה באדום.

            <" <tr bgcolor ="green- יצבע את הרקע של כל תאי השורה בירוק.

 td bgcolor ="navy">>- יצבע את הרקע של תא בודד בכחול.

 

  • background - מוסיפה תמונה לרקע. הוספת תמונה לתא בודד נעשית כפי שלמדנו בעזרת הפקודה <img>. אך אין לתת מידות אורך ורוחב באחוזים. מאחר ואז התמונה לא תופיע.
 22-12-03 / 16:09  עודכן ,  18-12-03 / 22:39  נוצר ע"י חנה הבלין  בתאריך 
 טבלאות - הקודםהבא - עיצוב תוכן הטבלה 
תגובות הקוראים    תגובות  -  0
דרכונט
מהי מערכת הדרכונט?
אינך מחובר, להתחברות:
דוא"ל
ססמא
נושאי לימוד
חיפוש  |  לא פועל
משלנו  |  לא פועל
גולשים מקוונים: 4