הבעיה העיקרית עם תמונות של קבצי HTML בלבד היא שהן עשויות להיות קשות לקריאה ולשימוש באתר. הסיבה לכך היא שרוב הדפדפנים מציגים טקסט ותמונות בנפרד, מה שעלול להקשות על ראיית תוכן הקובץ.
<img src="image.jpg">
זוהי שורת קוד HTML שמורה לדפדפן האינטרנט להציג את קובץ התמונה "image.jpg" בעמוד.
קלט HTML מקבל תכונה
ב-HTML, אתה יכול להשתמש ב- תג כדי לקבל תכונה ממשתמש. לדוגמה, כדי לאפשר למשתמשים להזין מספר טלפון, תוכל להשתמש בקוד הבא:
תג הקלט יכלול אוטומטית את התכונות הנדרשות עבור שדה קלט טל.
קבצים ב-HTML
ב-HTML, קבצים מיוצגים על ידי ה-
תמונות ב-HTML
תמונות ב-HTML משמשות לייצוג אובייקטים גרפיים במסמך. ניתן להשתמש בהם להצגת תמונות, אייקונים, לוגואים וגרפיקה אחרת. ניתן להשתמש בתמונות גם ליצירת היפר-קישורים או סרטונים מוטבעים.
כדי לכלול תמונה במסמך ה-HTML שלך, תחילה עליך לכלול את סיומת הקובץ המתאימה. לדוגמה, אם אתה רוצה לכלול תמונה בשם "logo.png" במסמך שלך, תשתמש בקוד הבא:
אתה יכול גם להשתמש בתג img כדי להציג קובץ תמונה סטנדרטי ללא כל טקסט או עיצוב נלווים:
ניתן גם לציין רוחב וגובה לתמונה באמצעות תכונות הרוחב והגובה: