מבנה טבלה מורכב

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

<td align=right> מישר את תוכן התא (תמונה או טקסט) לימין.

<tr align=right> מישר את כל תוכן התאים בכל השורה לימין.

<table align=right> מישר את תוכן כל הטבלה לימין.

הערכים האפשריים ליישור התאים בכל הטבלה הם :

align=right מישר את כל התאים לימין.

align=left מישר את כל התאים לצד שמאל ( יש לציין שזוהי ברירת המחדל ).

align=center מישר את תוכן התאים למרכז.

ישנה אפשרות גם להזיז את תוכן התא כלפי מעלה או מטה :

<td valign=top> מזיז את תוכן התא כלפי מעלה.

<tr valign=top> מזיז את תוכן השורה כולה כלפי מעלה.

הערכים האפשריים למאפיין valign הם top bottom middle:. ברירת המחדל היא middle .

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

שני המאפיינים מוגדרים בתג <table> כמו בדוגמא הבאה :

<table cellpadding="4" cellspacing="5">

חשוב לציין שהשימוש בתגים האלו הוא רק כאשר מאפיין border בעל ערך.

מספר טיפים:

1. אם לא השתמשת בתגים האלו הדפדפן ייתן להם ערך ברירת מחדל.
2. במידה וברצונך שהדפדפן לא יציג מרווחים בין התאים עליך לכתוב בפירוש cellpadding=0 וגם cellspacing=0 .
3. ע"מ לוודא שתוכן התא יופיע בצורה רצופה (ללא שורות חדשות) עליך להשתמש במאפיין nowrap . לדוגמא <td nowrap> .
4. על מנת ליצור טבלה בגודל העמוד כולו עליך להוסיף את המאפינים width ו- height לדוגמא : <table width="100%" height="100%"> .