<table>

מגדיר טבלה להצגת נתונים בצורה מסודרת.

תגית זו משמשת להוסיף טבלה שתכיל נתונים בצורה מסודרת עם שורות ועמודות.

מניחים את תגית <table> סביב תוכן הטבלה ומוסיפים לתוכה תגיות <thead> ו-<tbody> עבור כותרות הטבלה והתוכן שלה.

תגית <table> מאפשרת להציג נתונים בצורה של טבלה, עם שורות ועמודות, מה שמאפשר ארגון נתונים בצורה ברורה ומסודרת. תגית זו שימושית כאשר יש צורך להציג נתונים שדורשים השוואה בין פריטים או כאשר יש צורך בארגון נתונים בצורה גלויה ונגישה.

תכונות עיקריות של תגית <table>:

- border: תכונה זו לא חלק מה-Specification הרשמית של HTML5, אך היא משמשת לעיתים קרובות כדי להוסיף גבול לטבלה. ניתן להוסיף גבול באמצעות CSS בתצוגה מודרנית יותר.

מבנה בסיסי של טבלה כולל את התגיות הבאות:

- <thead>: מגדיר את החלק העליון של הטבלה שבו מצויים הכותרות של העמודות. בתוך <thead> נמצאת תגית <tr> שמייצגת שורה, ותוך <tr> נמצאות תגיות <th> שמייצגות את כותרות העמודות.
- <tbody>: מגדיר את גוף הטבלה שבו מוצגים הנתונים. בתוך <tbody> נמצאות תגיות <tr> שמייצגות שורות, ותוך <tr> נמצאות תגיות <td> שמייצגות את תאי הנתונים.
- <tfoot>: מגדיר את החלק התחתון של הטבלה, אם יש צורך להוסיף סיכומים או מידע נוסף בתחתית הטבלה (לא תמיד חובה).

דוגמה לשימוש בתגית <table>: 


     <html>

       <head>

         <title>דוגמה</title>

       </head>

       <body>

         <table border="1">

           <thead>

             <tr>

               <th>כותרת 1</th>

               <th>כותרת 2</th>

             </tr>

           </thead>

           <tbody>

             <tr>

               <td>תא 1</td>

               <td>תא 2</td>

             </tr>

           </tbody>

         </table>

       </body>

     </html>

בדוגמה זו, הטבלה מכילה שורת כותרת עם שתי כותרות עמודות ושורת נתונים אחת עם שני תאים. תגית <table> מקיפה את כל תוכן הטבלה, <thead> מכילה את הכותרות, ו-<tbody> מכילה את הנתונים.

שימוש נכון בתגית <table> מאפשר הצגה ברורה ומסודרת של נתונים, ומתאים למצבים שבהם יש צורך להציג מידע באופן שיטתי ואוריינטי לפירוט.

דוגמה

תוצאה

תגובות

רק רגע

שיתוף