HTML היא שפת סימון המשמשת ליצירת דפי אינטרנט. בעזרתו ניתן להתאים אישית את תצוגת האלמנטים השונים, כולל תמונות. הגדרת תצוגת תמונות ב- HTML מתבצעת באמצעות תג מיוחד.
הוראות
שלב 1
פתח את קובץ ה- HTML באמצעות עורך הטקסט שבו אתה משתמש לעריכת דפי אינטרנט. אם אין לך קובץ HTML, צור אותו על ידי לחיצה ימנית על שולחן העבודה או בתיקיה הנדרשת, ולחץ על התפריט "חדש" - "מסמך טקסט". הזן שם קובץ והוסף את סיומת html לאחר התקופה. ואז לחץ לחיצה ימנית על המסמך ובחר "פתח באמצעות" - "פנקס רשימות". תראה מסמך ריק בו תוכל לשים קוד HTML.
שלב 2
כדי ליצור תמונה ב- HTML משתמשים בתגית, אותה יש להציב בקטע לתצוגה. לדוגמה:
תמונה ב- HTML
שלב 3
התג אינו נסגר ואינו מצריך תג סגירה. הפרמטר העיקרי שלו, שיש להשתמש בו, הוא src, שקובע את הנתיב לקובץ התמונה הרצוי. ניתן לציין בשורה זו גם את המלא (עם https://) וגם את הנתיב היחסי (למשל, /pictures/img.jpg) לקובץ התמונה שברצונכם להציב.
שלב 4
פרמטר חשוב נוסף הוא alt, המגדיר את שם התמונה וזיהויו בדף. שם זה יופיע כאשר המשתמש מעביר את העכבר מעל התמונה.
שלב 5
ניתן גם להשתמש בתכונות רוחב וגובה כדי להגדיר פרמטרים של תמונה. ההגדרה הראשונה אחראית לאורך, והשנייה היא לגובה התמונה בעמוד. פרמטר זה מוגדר בפיקסלים. לפיכך, ניתן להגדיר את התג & img>:
שלב 6
באמצעות תג זה נוצרת תמונה שהנתיב אליו נרשם במאפיין src. כשתרחף מעל התמונה תראה את ההודעה "שם התמונה". במקרה זה התמונה תהיה ברוחב 300 פיקסלים ובגובה של 250 פיקסלים. אתה יכול להגדיר את כל הפרמטרים שלמעלה כרצונך.
שלב 7
שמור את השינויים בקובץ באמצעות הפונקציה "קובץ" - "שמור". פתח את המסמך בדפדפן כדי לבדוק אם התמונה נוצרה בהצלחה ב- HTML. לשם כך לחץ באמצעות לחצן העכבר הימני על הקובץ ובחר במקטע "פתח עם" ואז לחץ על השורה עם שם הדפדפן שלך. יצירת תמונת HTML הושלמה.
