diff options
Diffstat (limited to 'files/he/web/html/index.html')
| -rw-r--r-- | files/he/web/html/index.html | 108 |
1 files changed, 108 insertions, 0 deletions
diff --git a/files/he/web/html/index.html b/files/he/web/html/index.html new file mode 100644 index 0000000000..4b91892492 --- /dev/null +++ b/files/he/web/html/index.html @@ -0,0 +1,108 @@ +--- +title: HTML +slug: Web/HTML +tags: + - HTML + - Landing +translation_of: Web/HTML +--- +<div dir="rtl">{{HTMLSidebar}}</div> + +<p class="summary" dir="rtl"><span class="seoSummary"><strong>HTML</strong> (שפת תגיות לתמליל-על / HyperText Markup Language)</span> הינה אבן הבניין הבסיסית ביותר של האינטרנט. היא מגדירה את המשמעות והמבנה של תוכן האתר. מלבד HTML קיימות טכנולוגיות אחרות המשמשות לתאר את התצוגה / המראה (<a href="/he/docs/Web/CSS">CSS</a>) או את הפונקציונליות / ההתנהגות (<a href="/he/docs/Web/JavaScript">JavaScript</a>) של האתר.</p> + +<div class="callout-box" dir="rtl" style="float: left;"> +<p><a href="/he/docs/HTML/HTML5" title="html5"><img alt="HTML5_Logo_128.png" class="default internal" src="/@api/deki/files/6020/=HTML5_Logo_128.png"></a></p> +</div> + +<p dir="rtl"><strong>HyperText Markup Language (HTML)</strong> הינה שפה המשמשת ליצירת דפי אינטרנט ומסמכים אחרים הניתנים לצפייה בדפדפן אינטרנט.<br> + HTML הוא תקן בינלאומי המוגדר על ידי ה־<a class="external" href="http://www.w3.org/" title="http://www.w3.org/">World Wide Web Consortium</a>. הגרסה הנוכחית של התקן היא <a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/" title="http://www.whatwg.org/specs/web-apps/current-work/">גרסה 5</a> שהושקה בחודש אוקטובר 2014.</p> + +<p dir="rtl">ניתן להעשיר את דפי ה-HTML באמצעות <strong>גיליונות סגנון מדורגים</strong> <strong>(CSS)</strong> איתם ניתן לעצב את דפי האינטרנט והמסמכים שנבנו.<br> + בנוסף, ניתן להטמיע תסריטים בדף באמצעות שפת <strong>ג'אווה</strong> <strong>סקריפט (JavasScript)</strong> הנחשבת לשפת תכנות דינמית מונחית־עצמים.</p> + +<section class="cleared" id="sect1"> +<ul class="card-grid" dir="rtl"> + <li><span>מבוא ל- HTML</span> + + <p>אם פיתוח אתרים חדש לך, חשוב לקרוא את <a href="/he/docs/Learn/Getting_started_with_the_web/HTML_basics">HTML למתחילים</a> כדי ללמוד מהי HTML וכיצד להשתמש בה.</p> + </li> + <li><span>הדרכות HTML</span> + <p>מאמרים לגבי אופן השימוש ב- HTML, בנוסף להדרכות ודוגמאות מלאות, אפשר למצוא ב<a href="/he/docs/Learn/HTML">אזור הלמידה של HTML</a>.</p> + </li> + <li><span>מקורות HTML</span> + <p>באזור ה<a href="/he/docs/Web/HTML/Reference">מקורות HTML</a> הנרחב ניתן למצוא פרטים לגבי כל אלמנט ותכונה ב- HTML.</p> + </li> +</ul> + +<div class="row topicpage-table" dir="rtl"> +<div class="section"> +<h2 class="Tools" id="הדרכות_למתחילים">הדרכות למתחילים</h2> + +<p>ב<a href="/he/docs/Learn/HTML">אזור הלמידה של HTML</a> קיימים מודולים רבים שמלמדים HTML מהבסיס — ללא צורך בידע קודם.</p> + +<dl> + <dt><a href="/he/docs/Learn/HTML/Introduction_to_HTML">מבוא ל- HTML</a></dt> + <dd>מודול זה מכין את הקרקע, ומרגיל אותך למושגים ותחביר חשובים, כמו מבט על החלת HTML על טקסט, כיצד ליצור היפר-קישורים, וכיצד להשתמש ב- HTML כדי לבנות עמוד אינטרנט.</dd> + <dt><a href="/he/docs/Learn/HTML/Multimedia_and_embedding">מולטימדיה והטמעה</a></dt> + <dd>מודול זה חוקר כיצד להשתמש ב- HTML כך שיכלול מולטימדיה בעמודי האינטרנט, כולל הדרכים השונות להצגת תמונות, וכיצד להטמיע וידאו, שמע ואפילו אתרים אחרים.</dd> + <dt><a href="/he/docs/Learn/HTML/Tables">טבלאות HTML</a></dt> + <dd>הצגת מידע טבלאי באינטרנט בצורה מובנת, קריאה ונגישה יכולה להיות אתגר רציני. מודול זה עובר על הבסיס של סימון טבלאות, בנוסף למאפיינים נוספים כמו כיתובים וסיכומים.</dd> + <dt><a href="/he/docs/Learn/HTML/Forms">טפסים ב- HTML</a></dt> + <dd>טפסים הינם חלק חשוב מאוד ברשת — הם מספקים את מרבית הפונקציונליות הדרושה לעבודה אינטראקטיבית, למשל רישום וכניסה, שליחת משוב, קניית מוצרים ועוד. מודול זה עובר על הבסיס ליצירת חלקי צד-לקוח / משתמש-קצה של טפסים.</dd> + <dt><a href="/he/docs/Learn/HTML/Howto">שימוש ב- HTML לפתרון בעיות נפוצות</a></dt> + <dd>מספק קישורים לאזורים בתוכן, המסבירים כיצד להשתמש ב- HTML כדי לפתור בעיות נפוצות בעת יצירת עמוד אינטרנט: עבודה עם כותרות, הוספת תמונות או וידאו, הדגשת תוכן, יצירת טופס בסיסי, וכו'.</dd> +</dl> + +<h2 id="נושאים_מתקדמים">נושאים מתקדמים</h2> + +<dl> + <dt class="landingPageList"><a href="/he/docs/Web/HTML/CORS_enabled_image">תמונה תומכת CORS</a></dt> + <dd class="landingPageList">תכונת {{htmlattrxref("crossorigin", "img")}}, בשילוב עם {{glossary("CORS")}} header מתאים, מאפשר לאחזר תמונות המוגדרות עם אלמנט {{HTMLElement("img")}} ממקורות זרים ולשמש באלמנט {{HTMLElement("canvas")}} כאילו הן שייכות למקור הנוכחי.</dd> + <dt class="landingPageList"><a href="/he/docs/Web/HTML/CORS_settings_attributes">תכונות להגדרת CORS</a></dt> + <dd class="landingPageList">לאלמנטים מסוימים של HTML המספקים תמיכה ל- <a href="/he/docs/HTTP/Access_control_CORS">CORS</a>, כמו {{HTMLElement("img")}} או {{HTMLElement("video")}}, יש תכונת <code>crossorigin</code> (שדה <code>crossOrigin</code>), המאפשר להגדיר בקשות CORS למידע המאוחזר על-ידי האלמנט.</dd> + <dt class="landingPageList"><a href="/he/docs/Web/HTML/Focus_management_in_HTML">ניהול פוקוס ב- HTML</a></dt> + <dd class="landingPageList">תכונת <code><a href="/he/docs/Web/API/Document/activeElement">activeElement</a></code> ומתודת <code><a dir="ltr" href="/he/docs/Web/API/Document/hasFocus">hasFocus()</a></code> של ה- DOM עוזרות לעקוב ולנהל את האינטראקציות של המשתמשים עם האלמנטים בעמוד.</dd> + <dt class="landingPageList"><a href="/he/docs/Web/HTML/Using_the_application_cache">שימוש במטמון (cache) של האפליקציה</a></dt> + <dd class="landingPageList">הטמנה (caching) של האפליקציה מאפשר לאפליקציות מבוססות רשת לרוץ באופן לא מקוון. ניתן להשתמש בממשק ה- <strong>Application Cache</strong> (או <em>AppCache</em>) כדי לציין משאבים שהדפדפן צריך להטמין כדי שיהיו זמינים למשתמש באופן לא מקוון. אפליקציות מוטמנות נטענות ועובדות בצורה נכונה, אפילו אם משתמשים לוחצים על רענון כשהם במצב לא מקוון.</dd> + <dt class="landingPageList"><a href="https://developer.mozilla.org/he/docs/Web/HTML/Preloading_content">טעינה מראש של תוכן באמצעות rel="preload"</a></dt> + <dd class="landingPageList">ערך ה- <code>preload</code> של תכונת {{htmlattrxref("rel", "link")}} באלמנט {{htmlelement("link")}} מאפשרת לכתוב בקשות אחזור הצהרתיות באלמנט {{htmlelement("head")}}, ובכך לציין משאבים שהעמוד יזדקק להם זמן קצר לאחר הטעינה, ואותם נרצה להתחיל לטעון מראש בשלב מוקדם של טעינת העמוד - זאת לפני שתהליך הרנדור העיקרי יתחיל לעבוד. דבר זה יבטיח שהם יהיו זמינים מוקדם יותר, ולא סביר שיתקעו את הרנדור הראשוני, ובכך ישפר את הביצועים. מאמר זה מספק מדריך בסיסי לאופן הפעולה של <code>preload</code>.</dd> +</dl> +</div> + +<div class="section"> +<h2 class="Documentation" id="הפניות_חיצוניות">הפניות חיצוניות</h2> + +<dl> + <dt class="landingPageList"><a href="/he/docs/Web/HTML/Reference">הפניות לגבי HTML</a></dt> + <dd class="landingPageList">HTML מורכב מ<strong>אלמנטים</strong>, אותם ניתן לשנות באמצעות מספר <strong>תכונות (attributes)</strong>. מסמכי HTML מחוברים אחד לשני על-ידי <a href="/he/docs/Web/HTML/Link_types">קישורים / לינקים</a>.</dd> + <dt class="landingPageList"><a href="/he/docs/Web/HTML/Element">הפניות לגבי אלמנטים של HTML</a></dt> + <dd class="landingPageList">ניתן לעיין ברשימת ה{{glossary("Element", "אלמנטים")}} המלאה של {{glossary("HTML")}}.</dd> + <dt class="landingPageList"><a href="/he/docs/Web/HTML/Attributes">הפניות לגבי תכונות HTML</a></dt> + <dd class="landingPageList">לאלמנטים ב- HTML יש <strong>תכונות (attributes)</strong>. אלו הן ערכים נוספים שמגדירים את האלמנטים או מכווננים את ההתנהגות שלהם במגוון דרכים.</dd> + <dt class="landingPageList"><a href="/he/docs/Web/HTML/Global_attributes">תכונות גלובליות</a></dt> + <dd class="landingPageList">ניתן לציין תכונות גלובליות בכל ה<a href="/he/docs/Web/HTML/Element">אלמנטים של HTML</a>, <em>אפילו כאלה שלא כלולים בסטנדרט</em>. משמעות הדבר שכל אלמנט לא סטנדרטי עדיין חייב לתמוך בתכונות אלו, אפילו שאלמנטים אלה הופכים את המסמך לחסר תאימות ל- HTML5.</dd> + <dt class="landingPageList"><a href="/he/docs/Web/HTML/Inline_elements">אלמנטי שורה(Inline)</a> ו<a href="/he/docs/Web/HTML/Block-level_elements">אלמנטי בלוק (Block-Level)</a></dt> + <dd class="landingPageList">אלמנטים של HTML הם בדרך-כלל שורה (inline) או בלוק (block-level). אלמנט שורה תופס רק המקום התחום בין התגיות המגדירות אותו. אלמנט בלוק תופס את כל המקום של ההורה שלו (container), ובכך יוצר "בלוק".</dd> + <dt class="landingPageList"><a href="/he/docs/Web/HTML/Link_types">סוגי קישורים</a></dt> + <dd class="landingPageList">ניתן להשתמש במגוון סוגי קישורים כדי לבסס ולהגדיר יחסים בין שני מסמכים. אלמנטים של ק סוגי הקישורים אותם ניתן לקבוע כוללים את {{HTMLElement("a")}}, {{HTMLElement("area")}} ו- {{HTMLElement("link")}}.</dd> + <dt class="landingPageList"><a href="/he/docs/Web/HTML/Supported_media_formats">תצורות מדיה הנתמכות על-ידי אלמנטי שמע ווידאו ב- HTML</a></dt> + <dd class="landingPageList">אלמנטי {{HTMLElement("audio")}} ו- {{HTMLElement("video")}} מאפשרים לך להפעיל מדיית שמע ווידאו. אלמנטים אלה מספקים חלופה ברמת דפדפן ליכולות דומות המצויות ב- Adobe Flash ותוספים אחרים.</dd> + <dt class="landingPageList"><a href="/he/docs/Web/HTML/Kinds_of_HTML_content">סוגי תוכן של HTML</a></dt> + <dd class="landingPageList">HTML מורכב ממספר סוגים של תוכן, וניתן להשתמש בכל אחד בהקשרים מסוימים וחסומים לשימוש באחרים. באופן דומה לכל אחד יש אוסף קטגוריות תוכן אחרות שהם יכולים להכיל ואלמנטים בהם ניתן להשתמש או לא. זהו מדריך לקטגוריות אלו.</dd> + <dt class="landingPageList"><a href="/he/docs/Web/HTML/Quirks_Mode_and_Standards_Mode">מצב Quirks ומצב Standards</a></dt> + <dd class="landingPageList">מידע הסטורי על מצב quirks ומצב standards.</dd> +</dl> + +<h2 class="landingPageList" id="נושאים_קשורים">נושאים קשורים</h2> + +<dl> + <dt><a href="/he/docs/Web/HTML/Applying_color">הוספת צבע לאלמנטים של HTML ב- CSS</a></dt> + <dd>מאמר זה סוקר את רוב הדרכים להוספת צבע לתוכן HTML על-ידי CSS. כמו כן הוא מפרט אילו חלקים ניתן לצבוע במסמך HTML, ובאילו מאפייני CSS להשתמש לשם כך. הוא כולל דוגמאות, קישורים לכלי בניית פלטה ועוד.</dd> +</dl> +</div> +</div> +</section> + +<p dir="rtl"><span class="alllinks"><a href="/he/docs/tag/HTML">כל הקישורים...</a></span></p> + +<p dir="rtl"></p> |