תמונות

חלק מהיחידה יסודות במסלול ה-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>, אינן זקוקות לתגית סגירה. הן מסתיימות ב־/> ומשמשות לרכיבים שאין בהם תוכן.

אתגר

קל

הוסף תמונה למסמך HTML, אפשר להשתמש בכתובת ה-URL מהדוגמה שבשיעור או בכל כתובת URL אחרת.

ודא שמופיעה תמונה!

נסו בעצמכם

<!DOCTYPE html>
<html>
    <body>
        <!-- כתבו כאן קוד -->
    </body>
</html>

בחנו את עצמכם

השיעור הזה כולל חידון קצר. התחילו את השיעור כדי לענות עליו ולעקוב אחרי ההתקדמות.

כל השיעורים ביחידה יסודות

1יסודות HTML

4כרטיס מתכון

7עמוד פרופיל אישי

10טבלאות

2טקסט ועיצוב

5הוספת תוכן

8טפסים וקלטים חלק 1

11עמוד הרשמה לאירוע

3עבודה עם רשימות

6פריסת עמוד

9טפסים וקלטים חלק 2

12אתגרים מסכמים

תרגלו בעצמכם: Web אונליין