מדריך HTML » לימוד HTML באינטרנט » מדריך HTML למתחילים » טבלאות ב - HTML

טבלאות ב - 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.

עמודים רלוונטים

דוגמאות קוד

  • · טבלאות בסיסיות

רפרנס

  • תגית table
  • תגית tr
  • תגית td