` כדי ליצור את האלמנטים הנפרדים בדף. ניצור סדרה של אלמנטים `

` שיכילו תמונות. ### תמונות תג HTML אחד שאינו זקוק לתג סגירה הוא ``, מכיוון שיש לו אלמנט `src` שמכיל את כל המידע שהדף צריך כדי להציג את הפריט. צרו תיקייה באפליקציה שלכם בשם `images` ובתוכה הוסיפו את כל התמונות בתיקיית [קוד המקור](../../../../3-terrarium/solution/images); (יש 14 תמונות של צמחים). ### משימה הוסיפו את תמונות הצמחים הללו לשתי עמודות בין תגיות ``: ```html

``` > הערה: Spans לעומת Divs. Divs נחשבים לאלמנטים 'בלוק', ו-Spans הם 'אינליין'. מה יקרה אם תשנו את ה-divs ל-spans? עם הסימון הזה, הצמחים עכשיו מופיעים על המסך. זה נראה די רע, מכיוון שהם עדיין לא מעוצבים באמצעות CSS, ונעשה זאת בשיעור הבא. לכל תמונה יש טקסט חלופי שיופיע גם אם לא ניתן לראות או להציג תמונה. זהו מאפיין חשוב לכלול לצורך נגישות. למדו עוד על נגישות בשיעורים עתידיים; לעת עתה, זכרו שמאפיין alt מספק מידע חלופי לתמונה אם משתמש מסיבה כלשהי אינו יכול לצפות בה (בגלל חיבור איטי, שגיאה במאפיין src, או אם המשתמש משתמש בקורא מסך). ✅ האם שמתם לב שלכל תמונה יש את אותו טקסט חלופי? האם זו פרקטיקה טובה? מדוע כן או לא? האם תוכלו לשפר את הקוד הזה? --- ## סימון סמנטי באופן כללי, עדיף להשתמש ב'סמנטיקה' משמעותית בעת כתיבת HTML. מה זה אומר? זה אומר שאתם משתמשים בתגיות HTML כדי לייצג את סוג הנתונים או האינטראקציה שלשמה הן נועדו. לדוגמה, טקסט הכותרת הראשית בדף צריך להשתמש בתג `

`. הוסיפו את השורה הבאה ממש מתחת לתג הפתיחה ``: ```html

My Terrarium

``` שימוש בסימון סמנטי כמו שימוש בכותרות `

` ורשימות לא מסודרות `
` עוזר לקוראי מסך לנווט בדף. באופן כללי, כפתורים צריכים להיכתב כ-`

` האחרון: ```html

``` ✅ למרות שהוספתם את הסימון הזה למסך, אתם לא רואים שום דבר מוצג. מדוע? --- ## 🚀אתגר ישנם כמה תגי HTML 'ישנים' שעדיין כיף לשחק איתם, למרות שלא כדאי להשתמש בתגים מיושנים כמו [התגים הללו](https://developer.mozilla.org/docs/Web/HTML/Element#Obsolete_and_deprecated_elements) בסימון שלכם. ובכל זאת, האם תוכלו להשתמש בתג הישן `` כדי לגרום לכותרת h1 לגלול אופקית? (אם כן, אל תשכחו להסיר אותו לאחר מכן) ## שאלון אחרי השיעור [שאלון אחרי השיעור](https://ff-quizzes.netlify.app/web/quiz/16) ## סקירה ולימוד עצמי HTML הוא מערכת בנייה 'מוכחת' שעזרה לבנות את האינטרנט למה שהוא היום. למדו מעט על ההיסטוריה שלו על ידי לימוד תגיות ישנות וחדשות. האם תוכלו להבין מדוע חלק מהתגיות הוצאו משימוש ואחרות נוספו? אילו תגיות עשויות להיות מוצגות בעתיד? למדו עוד על בניית אתרים לאינטרנט ולמכשירים ניידים ב-[Microsoft Learn](https://docs.microsoft.com/learn/modules/build-simple-website/?WT.mc_id=academic-77807-sagibbon). ## משימה [תרגלו את ה-HTML שלכם: צרו דגם של בלוג](assignment.md) --- **כתב ויתור**: מסמך זה תורגם באמצעות שירות תרגום מבוסס בינה מלאכותית [Co-op Translator](https://github.com/Azure/co-op-translator). למרות שאנו שואפים לדיוק, יש לקחת בחשבון שתרגומים אוטומטיים עשויים להכיל שגיאות או אי דיוקים. המסמך המקורי בשפתו המקורית צריך להיחשב כמקור סמכותי. עבור מידע קריטי, מומלץ להשתמש בתרגום מקצועי על ידי אדם. איננו אחראים לאי הבנות או לפרשנויות שגויות הנובעות משימוש בתרגום זה.