תמונות
חלק מהיחידה יסודות במסלול ה-HTML של Coddy. שיעור 23 מתוך 60.
תמונות יכולות להפוך את דף האינטרנט שלך למעניין יותר, והוספתן ב-HTML פשוטה באמצעות התג <img>. התג <img> נסגר בפני עצמו, כלומר אין צורך בתג סגירה.
כדי להציג תמונה, צריך להשתמש במאפיין src. המאפיין הזה מציין את המיקום של התמונה (כתובת URL או נתיב לקובץ). הנה דוגמה:
<img src="https://coddy.tech/images/bit.svg" />בדוגמה הזו, הדפדפן יטען ויציג את התמונה מכתובת ה-URL https://coddy.tech/images/bit.svg.
תגיות סגירה עצמית, כמו <img>, משמשות לרכיבים שאין בהם תוכן, ולכן אין להם תגית סגירה. ב־HTML5 הלוכסן בסוף הוא אופציונלי: <img src="bit.svg"> וגם <img src="bit.svg" /> תקינות. בקורס הזה כותבים />.
אתגר
קלהוסיפו תמונה למסמך HTML. אפשר להשתמש בכתובת ה-URL מהדוגמה בשיעור או בכל כתובת URL אחרת.
ודאו שאתם רואים תמונה!
נסו בעצמכם
<!DOCTYPE html>
<html>
<body>
<!-- כתבו כאן קוד -->
</body>
</html>
בחנו את עצמכםהשיעור הזה כולל חידון קצר. התחילו את השיעור כדי לענות עליו ולעקוב אחרי ההתקדמות.
כל השיעורים ביחידה יסודות
תרגלו בעצמכם: Web אונליין