---
title: '<table>: תגית ליצירת טבלה'
slug: Web/HTML/Element/table
translation_of: Web/HTML/Element/table
---
<div>{{HTMLRef}}</div>

<p dir="rtl">תגית <strong><code>&lt;table&gt;</code></strong> מציגה נתונים טבלאיים - כלומר, מידע המוצג בטבלה דו-מימדית המורכבת משורות ועמודות של תאים המכילים נתונים שונים.</p>

<p>{{EmbedInteractiveExample("pages/tabbed/table.html", "tabbed-taller")}}</p>

<table>
 <tbody>
  <tr>
   <th>קטגוריה</th>
   <td>טבלאות</td>
  </tr>
  <tr>
   <th>תוכן מורשה</th>
   <td>
    <p>{{HTMLElement("caption")}}<br>
     {{HTMLElement("colgroup")}}<br>
     {{HTMLElement("thead")}}<br>
     {{HTMLElement("tbody")}}<br>
     {{HTMLElement("tr")}}<br>
     {{HTMLElement("tfoot")}}</p>
   </td>
  </tr>
  <tr>
   <th>תגיות הורים מורשות</th>
   <td>תגית זו מורשת להופיע בגוף המסמך אך אינה חייבת להיות כפופה בצורה ישירה אל תגית {{HTMLElement("body")}}.</td>
  </tr>
  <tr>
   <th scope="row">ממשק DOM</th>
   <td>{{domxref("HTMLTableElement")}}</td>
  </tr>
 </tbody>
</table>

<h2 dir="rtl" id="תארים">תארים</h2>

<p dir="rtl">תגית זו נכללת ברשימת <a href="https://developer.mozilla.org/he/docs/Web/HTML/%D7%AA%D7%90%D7%A8%D7%99%D7%9D_%D7%92%D7%9C%D7%95%D7%91%D7%9C%D7%99%D7%99%D7%9D">התארים הגלובליים</a>.</p>

<dl>
 <dt dir="rtl">
 <h2 dir="rtl" id="דוגמא_-_טבלה_בסיסית">דוגמא - טבלה בסיסית</h2>

 <pre>&lt;table&gt;
  &lt;tr&gt;
    &lt;td&gt;John&lt;/td&gt;
    &lt;td&gt;Doe&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;Jane&lt;/td&gt;
    &lt;td&gt;Doe&lt;/td&gt;
  &lt;/tr&gt;
&lt;/table&gt;</pre>

 <h2 dir="rtl" id="דוגמא_-_טבלה_מורחבת">דוגמא - טבלה מורחבת</h2>

 <pre>&lt;p&gt;Simple table with header&lt;/p&gt;
&lt;table&gt;
  &lt;tr&gt;
    &lt;th&gt;First name&lt;/th&gt;
    &lt;th&gt;Last name&lt;/th&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;John&lt;/td&gt;
    &lt;td&gt;Doe&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
    &lt;td&gt;Jane&lt;/td&gt;
    &lt;td&gt;Doe&lt;/td&gt;
  &lt;/tr&gt;
&lt;/table&gt;

&lt;p&gt;Table with thead, tfoot, and tbody&lt;/p&gt;
&lt;table&gt;
  &lt;thead&gt;
    &lt;tr&gt;
      &lt;th&gt;Header content 1&lt;/th&gt;
      &lt;th&gt;Header content 2&lt;/th&gt;
    &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
    &lt;tr&gt;
      &lt;td&gt;Body content 1&lt;/td&gt;
      &lt;td&gt;Body content 2&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/tbody&gt;
  &lt;tfoot&gt;
    &lt;tr&gt;
      &lt;td&gt;Footer content 1&lt;/td&gt;
      &lt;td&gt;Footer content 2&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/tfoot&gt;
&lt;/table&gt;

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

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

&lt;p&gt;Simple table with caption&lt;/p&gt;
&lt;table&gt;
  &lt;caption&gt;Awesome caption&lt;/caption&gt;
  &lt;tr&gt;
    &lt;td&gt;Awesome data&lt;/td&gt;
  &lt;/tr&gt;
&lt;/table&gt;
</pre>
 </dt>
</dl>

<h2 dir="rtl" id="הערות">הערות</h2>

<p><u>מה ההבדל בין תגית <strong><code>&lt;strong&gt;</code></strong> לתגית <strong><code>&lt;b&gt;</code></strong>?</u><br>
 שתיהן מדגישות את הטקסט בתוך התגית, אך משמעותה של תגית &lt;b&gt; היא השפעה על העיצוב בלבד.  מאידך, כאשר גולשים אל אתר מותאם ולוחצים על הקראה, הדפדפן רואה את תגית &lt;strong&gt; ויודע שיש צורך לקרוא את הטקסט ולהדגיש את הנמצא תחתיה.</p>

<h2 dir="rtl" id="ראה_גם">ראה גם</h2>

<ul>
 <li>{{HTMLElement("thead")}}</li>
 <li>{{HTMLElement("tbody")}}</li>
 <li>{{cssxref("tfoot")}}</li>
</ul>