diff options
Diffstat (limited to 'files/he/web/html/element/figure')
-rw-r--r-- | files/he/web/html/element/figure/index.html | 112 |
1 files changed, 112 insertions, 0 deletions
diff --git a/files/he/web/html/element/figure/index.html b/files/he/web/html/element/figure/index.html new file mode 100644 index 0000000000..6235c3c3b3 --- /dev/null +++ b/files/he/web/html/element/figure/index.html @@ -0,0 +1,112 @@ +--- +title: '<figure>: תגית לעטיפת תמונה או גרף' +slug: Web/HTML/Element/figure +translation_of: Web/HTML/Element/figure +--- +<div>{{HTMLRef}}</div> + +<p dir="rtl">תגית <strong><code><figure></code></strong> היא תגית עצמאית העוטפת תמונה או גרף במסמך ה-HTML ומאפשרת להוסיף להם כותרת באמצעות תגית משלימה <a href="/he/docs/Web/HTML/Element/figcaption"><figcaption></a>.</p> + +<div>{{EmbedInteractiveExample("pages/tabbed/figure.html", "tabbed-standard")}}</div> + +<p class="hidden">The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples </a> and send us a pull request.</p> + +<p> </p> + +<table> + <tbody> + <tr> + <th>קטגוריה</th> + <td>תגיות להזנת תוכן.</td> + </tr> + <tr> + <th>תוכן מורשה</th> + <td> + <p><figcaption>,<img>,<abbr>, <audio>, <b>, <bdo>, <br>, <button>, <canvas>, <cite>, <code>, <command>, <data>, <datalist>, <dfn>, <em>, <embed>, <i>, <iframe>, <img>, <input>, <kbd>, <keygen>, <label>, <mark>, <math>, <meter>, <noscript>, <object>, <output>, <progress>, <q>, <ruby>, <samp>, <script>, <select>, <small>, <span>, <strong>, <sub>, <sup>, <svg>, <textarea>, <time>, <var>, <video>, <wbr></p> + </td> + </tr> + <tr> + <th>תגיות הורים מורשות</th> + <td>תגית זו מורשת להופיע בגוף המסמך אך אינה חייבת להיות כפופה בצורה ישירה אל תגית {{HTMLElement("body")}}.</td> + </tr> + <tr> + <th scope="row">ממשק DOM</th> + <td>{{domxref("HTMLElement")}}</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> + + + <figure> + <pre class="brush: html"><!-- Just an image --> +<figure> + <img + src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png" + alt="A robotic monster over the letters MDN."> +</figure> + +<!-- Image with a caption --> +<figure> + <img + src="https://developer.cdn.mozilla.net/media/img/mdn-logo-sm.png" + alt="A robotic monster over the letters MDN."> + <figcaption>MDN Logo</figcaption> +</figure> + +</pre> + + <h2 dir="rtl" id="דוגמא_-_קטע_קוד">דוגמא - קטע קוד</h2> + + + <figure> + <pre class="brush: html"><figure> + <figcaption>Get browser details using <code>navigator</code>.</figcaption> + <pre> +function NavigatorExample() { + var txt; + txt = "Browser CodeName: " + navigator.appCodeName; + txt+= "Browser Name: " + navigator.appName; + txt+= "Browser Version: " + navigator.appVersion ; + txt+= "Cookies Enabled: " + navigator.cookieEnabled; + txt+= "Platform: " + navigator.platform; + txt+= "User-agent header: " + navigator.userAgent; +}</pre> +</figure> +</pre> + </figure> + + <h2 dir="rtl" id="דוגמא_-_שיר">דוגמא - שיר</h2> + + + <figure> + <pre class="brush: html"><figure> + <p style="white-space:pre"> +Bid me discourse, I will enchant thine ear, + Or like a fairy trip upon the green, +Or, like a nymph, with long dishevell'd hair, + Dance on the sands, and yet no footing seen: +Love is a spirit all compact of fire, + Not gross to sink, but light, and will aspire.</p> + <figcaption><cite>Venus and Adonis</cite>, + by William Shakespeare</figcaption> +</figure></pre> + </figure> + + <p> </p> + </figure> + </dt> +</dl> + +<h2 dir="rtl" id="ראה_גם">ראה גם</h2> + +<ul> + <li>{{HTMLElement("figcaption")}}</li> +</ul> |