מדריך HTML מספר 7 - איך לעשות טבלאות (Tables)

Steps

1. 1

   Step 1

   את הטבלאות שלנו בדף נגדיר בעזרת תגית ה. טבלה מחולקת לשורות וכל שורה מכילה מידע - המידע יכול להיות טקסט, תמונות, טפסים וכו'. הנה דוגמא לטבלה:
2. 2

   Step 2

   
   Row 1, cell 1 Row 1, cell 2
3. 3

   Step 3

   
   בדוגמא אנו רואים שהטבלה מוגדרת בעזרת תגית הtable ובתוכה תגית tr (שמשמעותה table row) המגדירה שורה בטבלה. בכל שורה נכתוב תגית td (שמשמעותה table data) שתכיל את המידע בתא. שימו לב שאם בתגית הtable לא היינו מגדירים את מאפיין הborder לא הייתה מופיעה מסגרת לטבלה.
4. 4

   Step 4

   בכדי להוסיף שורה נוספת פשוט יש להוסיף עוד תגית tr לאחר התגית הסוגרת של הtr הקודם.
5. 5

   Step 5

   row 1, cell 1 row 1, cell 2 row 2, cell 1 row 2, cell 2
6. 6

   Step 6

   בכדי להגדיר כותרות בטבלה עלינו להשתמש בתגית th (פירושה table header).
7. 7

   Step 7

   
   Header row 1, cell 1
8. 8

   Step 8

   
   כך זה יראה בדפדפן.
9. 9

   Step 9

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

    Step 10

    
    Header row 1, cell 1
11. 11

    Step 11

    
    שימו לב לתאים המרווחים.