מאפייני תמונה
חלק מהיחידה יסודות במסלול ה-HTML של Coddy. שיעור 24 מתוך 60.
בואו נבחן כמה מאפיינים נוספים לשיפור התמונות שלכם:
alt: מספק טקסט חלופי אם התמונה לא נטענת .widthו-height: שולטים בגודל התמונה בפיקסלים.
הנה דוגמה:
<img src="img.jpg" alt="A scenic view of mountains" width="600" height="400" />הפעולה הזו מגדירה את מקור התמונה, מספקת תיאור וקובעת את גודלה ל־600x400 פיקסלים. יש לכלול תמיד alt מטעמי נגישות ולהשתמש במידות כדי לשמור על עקביות העיצוב.
אתגר
קלהוסף את המאפיינים הבאים לתמונה:
alt: "A beautiful bird"width: "400"height: "250"
נסו בעצמכם
<!DOCTYPE html>
<html>
<body>
<img src="https://upload.wikimedia.org/wikipedia/commons/e/ee/Baya_Weaver_in_Bhigwan_August_2025_by_Tisha_Mukherjee_04.jpg?utm_source=commons.wikimedia.org&utm_campaign=index&utm_content=original">
</body>
</html>השיעור הזה כולל חידון קצר. התחילו את השיעור כדי לענות עליו ולעקוב אחרי ההתקדמות.
כל השיעורים ביחידה יסודות
תרגלו בעצמכם: Web אונליין