טבלאות ב - HTML

שימוש בטבלאות מומלץ כאשר רוצים להציג נתונים אשר ערוכים בטבלה כלשהי.
ישנן מספר תגיות אשר משמשות ליצירה של טבלאות ב – HTML. במידה ואתה מתחיל ב – HTML סביר להניח שזה יהיה החלק הקשה ביותר לתפיסה עבורך. חזור לעמוד שיצרת בשלבים הקודמים, myhtmlpage.html, והוסף את הקוד הבא :

  1. <table>
  2. <tr>
  3. <td>שורה 1, תא 1</td>
  4. <td>שורה 1, תא 2</td>
  5. <td>שורה 1, תא 3</td>
  6. </tr>
  7. <tr>
  8. <td>שורה 2, תא 1</td>
  9. <td>שורה 2, תא 2</td>
  10. <td>שורה 2, תא 3</td>
  11. </tr>
  12. <tr>
  13. <td>שורה 3, תא 1</td>
  14. <td>שורה 3, תא 2</td>
  15. <td>שורה 3, תא 3</td>
  16. </tr>
  17. <tr>
  18. <td>שורה 4, תא 1</td>
  19. <td>שורה 4, תא 2</td>
  20. <td>שורה 4, תא 3</td>
  21. </tr>
  22. </table>

אלמנט table מגדיר טבלה ב – HTML.
אלמנט tr מגדיר שורה ב – HTML.
אלמנט td מגדיר תא מידע, אלמנט זה חייב להיסגר בתוך אלמנט tr כפי שמוצג בדוגמא הנ"ל.
אם אתה מדמיין טבלה של 3x4 אשר מכילה כ – 12 תאי מידע, צריכים להיות 4 אלמנטים מסוג tr על מנת להגדיר את השורות ו – 3 אלמנטים מסוג td בכל שורה – סך הכל 12 אלמנטים מסוג td.