יום ראשון, 22 במרץ 2009

6.3 מאפיינים של אובייקט תמונה

  • src פירושו (source) מיקום התמונה אותה ברצונך להעלות לאתר. ניתן למקם את התמונה בתיקייה מיוחדת שהקצת לתמונות (בדוגמא זו נקראת התיקייה images) ולהפנות את הדפדפן לתיקייה זו על מנת להעלות את התמונה לעמוד שיצרת, באמצעות הקוד הבא:

<img src="images/ronit_wa.jpg" />

ניתן אף להפנות את הדפדפן לכתובת אינטרנט ספציפית כלשהי (url), משם יעלה את התמונה שבחרת ויציגה לעמוד שיצרת, כמו בדוגמא הבאה:

<img src="http://www.ynet.co.il/PicServer2/20122005/780631/ronit_wa.jpg" />

  • a מטרתו הוספת קישור לתמונה, בדיוק כפי שהוספנו בפרק 12 קישורים לטקסט. נעשה זאת באמצעות הוספת אובייקט קישור, לפני אובייקט התמונה כמו בקטע הקוד הבא:

 <a href="http://ezadmin3-html.blogspot.com/"><img src="images/ronit_wa.jpg/></a>  

הקוד המוצג למעלה, טוען תמונה מתיקיית images ומצרף לה אלמנט קישור לבלוג של שעורי ה- html שלנו. בלחיצה על התמונה, תועברו לבלוג.

  • alt משמש למתן תיאור חלופי לתמונה, אם מסיבה כלשהי התמונה אינה מוצגת למשתמש. שימושי במיוחד למשתמשים עם מגבלת ראייה, או אם הדף נטען לאט. הקוד הבא יציג את התיאור "רונית יודקביץ'" עד לטעינת התמונה ע"י הדפדפן:

 
<img src="ronit_wa.jpg" alt="רונית יודקביץ'" />

 
  • title מאפיין זה משמש להוספת תיאור מילולי לתמונה, אשר יופיע בעת ריחוף העכבר מעל לתמונה. דאג לכתוב מידע ענייני המתאר את התמונה. הדבר חשוב במיוחד למנועי החיפוש אשר אינם "רואים" את מה שהתמונה מציגה אלא ניזונים מהתיאור שלה.

<img src="ronit_wa.jpg" alt="'רונית יודקביץ" 
title="רונית יודקביץ' ל" קרייזי ליין" /> 



אין תגובות:

הוסף רשומת תגובה

שים לב: רק חברים בבלוג הזה יכולים לפרסם תגובה.