From 1109132f09d75da9a28b649c7677bb6ce07c40c0 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:41:45 -0500 Subject: initial commit --- files/he/web/html/element/figure/index.html | 112 ++++++++++++++++++++++++++++ 1 file changed, 112 insertions(+) create mode 100644 files/he/web/html/element/figure/index.html (limited to 'files/he/web/html/element/figure') 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: '
: תגית לעטיפת תמונה או גרף' +slug: Web/HTML/Element/figure +translation_of: Web/HTML/Element/figure +--- +
{{HTMLRef}}
+ +

תגית <figure> היא תגית עצמאית העוטפת תמונה או גרף במסמך ה-HTML ומאפשרת להוסיף להם כותרת באמצעות תגית משלימה <figcaption>.

+ +
{{EmbedInteractiveExample("pages/tabbed/figure.html", "tabbed-standard")}}
+ + + +

 

+ + + + + + + + + + + + + + + + + + + + +
קטגוריהתגיות להזנת תוכן.
תוכן מורשה +

<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>

+
תגיות הורים מורשותתגית זו מורשת להופיע בגוף המסמך אך אינה חייבת להיות כפופה בצורה ישירה אל תגית {{HTMLElement("body")}}.
ממשק DOM{{domxref("HTMLElement")}}
+ +

תארים

+ +

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

+ +
+
+

דוגמא - תמונה

+ + +
+
<!-- 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>
+
+
+ +

דוגמא - קטע קוד

+ + +
+
<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>
+
+
+ +

דוגמא - שיר

+ + +
+
<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>
+
+ +

 

+
+
+
+ +

ראה גם

+ + -- cgit v1.2.3-54-g00ecf