HTML- הוספת תמונה

בשביל להוסיף תמונה בHTML אנחנו נוסיף את התגית <img>
ואז נוסף תכונה שתחפש את התמונה- src ואחר כך נשים את הקישור של התמונה, זה יראה כך-

<img src="https://1.bp.blogspot.com/small-img.png" />

ניתן לשנות את גודל התמונה על ידי הוספת width (רוחב) ו-height (גובה)
כאשר אם נכתוב מספר לבד הדפדפן יתרגם את המספר לפיקסלים, ואם נכתוב מספר ואחרי המספר נוסיף את הסימן אחוז(%) הגודל/ הגובה יהיה בהתאם לגודל האתר.

לכן אם נרצה שהתמונה תהיה בגובה של 30 פיקסלים וברוחב של 50 פיקסלים, התגית תראה כך

<img src="https://1.bp.blogspot.com/small-img.png" height="30" width="50" />

שימו לב שלא חייבים לכתוב גם גובה וגם רוחב, למשל- אם תכתבו רק גובה, הרוחב יהיה כמו היחס בין הרוחב לגובה בתמונה המקורית.

אפשר להוסיף לתמונה כותרת שכאשר משתמש יעביר את העכבר שלו מעל התמונה הכותרת תהיה גלוייה.
בשביל זה נשתמש באפשרות title והערך יהיה הכותרת שאנחנו נרצה להציג אחרי הוספת הכותרת הקוד יראה כך-

<img src="https://1.bp.blogspot.com/small-img.png" height="30" width="50" title="תמונת נוף" />

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

<img src="https://1.bp.blogspot.com/small-img.png" height="30" width="50" title="תמונת נוף" alt="תמונת נוף" />

זהו זה.
להתראות!!

→ לפוסט הקודם בנושא HTML לפוסט הבא בנושא HTML ←