diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:41:45 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:41:45 -0500 |
commit | 1109132f09d75da9a28b649c7677bb6ce07c40c0 (patch) | |
tree | 0dd8b084480983cf9f9680e8aedb92782a921b13 /files/he/web/html/element/table | |
parent | 4b1a9203c547c019fc5398082ae19a3f3d4c3efe (diff) | |
download | translated-content-1109132f09d75da9a28b649c7677bb6ce07c40c0.tar.gz translated-content-1109132f09d75da9a28b649c7677bb6ce07c40c0.tar.bz2 translated-content-1109132f09d75da9a28b649c7677bb6ce07c40c0.zip |
initial commit
Diffstat (limited to 'files/he/web/html/element/table')
-rw-r--r-- | files/he/web/html/element/table/index.html | 162 |
1 files changed, 162 insertions, 0 deletions
diff --git a/files/he/web/html/element/table/index.html b/files/he/web/html/element/table/index.html new file mode 100644 index 0000000000..2c4ee267a3 --- /dev/null +++ b/files/he/web/html/element/table/index.html @@ -0,0 +1,162 @@ +--- +title: '<table>: תגית ליצירת טבלה' +slug: Web/HTML/Element/table +translation_of: Web/HTML/Element/table +--- +<div>{{HTMLRef}}</div> + +<p dir="rtl">תגית <strong><code><table></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><table> + <tr> + <td>John</td> + <td>Doe</td> + </tr> + <tr> + <td>Jane</td> + <td>Doe</td> + </tr> +</table></pre> + + <h2 dir="rtl" id="דוגמא_-_טבלה_מורחבת">דוגמא - טבלה מורחבת</h2> + + <pre><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> +</pre> + </dt> +</dl> + +<h2 dir="rtl" id="הערות">הערות</h2> + +<p><u>מה ההבדל בין תגית <strong><code><strong></code></strong> לתגית <strong><code><b></code></strong>?</u><br> + שתיהן מדגישות את הטקסט בתוך התגית, אך משמעותה של תגית <b> היא השפעה על העיצוב בלבד. מאידך, כאשר גולשים אל אתר מותאם ולוחצים על הקראה, הדפדפן רואה את תגית <strong> ויודע שיש צורך לקרוא את הטקסט ולהדגיש את הנמצא תחתיה.</p> + +<h2 dir="rtl" id="ראה_גם">ראה גם</h2> + +<ul> + <li>{{HTMLElement("thead")}}</li> + <li>{{HTMLElement("tbody")}}</li> + <li>{{cssxref("tfoot")}}</li> +</ul> |