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

קטגוריה טבלאות
תוכן מורשה

<caption>
<colgroup>
<thead>
<tbody>
<tr>
<tfoot>

תגיות הורים מורשות תגית זו מורשת להופיע בגוף המסמך אך אינה חייבת להיות כפופה בצורה ישירה אל תגית <body>.
ממשק DOM HTMLTableElement

תארים

תגית זו נכללת ברשימת התארים הגלובליים.

דוגמא - טבלה בסיסית

<table>
  <tr>
    <td>John</td>
    <td>Doe</td>
  </tr>
  <tr>
    <td>Jane</td>
    <td>Doe</td>
  </tr>
</table>

דוגמא - טבלה מורחבת

<p>Simple table with header</p>
<table>
  <tr>
    <th>First name</th>
    <th>Last name</th>
  </tr>
  <tr>
    <td>John</td>
    <td>Doe</td>
  </tr>
  <tr>
    <td>Jane</td>
    <td>Doe</td>
  </tr>
</table>

<p>Table with thead, tfoot, and tbody</p>
<table>
  <thead>
    <tr>
      <th>Header content 1</th>
      <th>Header content 2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Body content 1</td>
      <td>Body content 2</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>Footer content 1</td>
      <td>Footer content 2</td>
    </tr>
  </tfoot>
</table>

<p>Table with colgroup</p>
<table>
  <colgroup span="4"></colgroup>
  <tr>
    <th>Countries</th>
    <th>Capitals</th>
    <th>Population</th>
    <th>Language</th>
  </tr>
  <tr>
    <td>USA</td>
    <td>Washington, D.C.</td>
    <td>309 million</td>
    <td>English</td>
  </tr>
  <tr>
    <td>Sweden</td>
    <td>Stockholm</td>
    <td>9 million</td>
    <td>Swedish</td>
  </tr>
</table>

<p>Table with colgroup and col</p>
<table>
  <colgroup>
    <col style="background-color: #0f0">
    <col span="2">
  </colgroup>
  <tr>
    <th>Lime</th>
    <th>Lemon</th>
    <th>Orange</th>
  </tr>
  <tr>
    <td>Green</td>
    <td>Yellow</td>
    <td>Orange</td>
  </tr>
</table>

<p>Simple table with caption</p>
<table>
  <caption>Awesome caption</caption>
  <tr>
    <td>Awesome data</td>
  </tr>
</table>

הערות

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

ראה גם

Document Tags and Contributors

Contributors to this page: fabio.rahamim
Last updated by: fabio.rahamim,