הוספה ויישור תמונה .

התג <img src="?"> מוסיף תמונה .

התג <img align=?> מיישר את התמונה .

לפני שנשים תמונה בדף שלנו , אנו צריכים לדעת את שמה , ואת מיקום הקובץ שלה . רק כך נוכל לכתוב לדפדפן את המיקום המדוייק שלה .

הדרך הקלה ביותר היא לשמור את התמונה באותה ספרייה שמכילה את הדף שלנו . זאת מאחר שברירת המחדל של הדפדפן היא לחפש שם . במידה ויש תמונות רבות , ניצור תת ספריה חדשה ( של הספרייה שבה מאוחסן קוד המקור שלנו ) ונקרא לה images או stuff .

התמונה שבדוגמא נקראת "guide1-image1.gif"

שורת הקוד למיקום התמונה תראה כך :

 <img src="guide1-image1.gif">

ולאחר הרצה זה יראה כך :

בעזרת התג של היישור ניתן למקם את התמונה בכל מקום , לדוגמא שורת הקוד תראה כך :

<img align=left src="guide1-image1.gif">

התמונה תתיישר לצד שמאל :

השורה הבאה תיישר זאת לימין :

<img align=right src="guide1-image1.gif">

וזה יראה כך :

יישור תמונה למרכז הוא יותר מורכב, וזאת מאחר שרוב הדפדפנים אינם תומכים בזה . הפתרון הוא קודם כל יישור של הפסקה למרכז . ורק לאחר מכן מיקום התמונה .

שורת הקוד הבאה מדגימה את העניין :

<p align=center><img src="guide1-image1.gif">

ולאחר הרצה זה יראה כך :