تگ img و خصوصیت src در HTML :
تگ img و خصوصیت src در زبان برنامه‌نویسی HTML برای نمایش تصاویر در صفحات وب استفاده می‌شود. این تگ به مرورگر می‌گوید که یک تصویر را در صفحه نمایش دهد و خصوصیت src مشخص می‌کند که تصویر در کجا قرار دارد.
تگ img بدون بسته شدن استفاده می‌شود و تنها دارای خصوصیت‌هایی مانند src، alt، width و height است. خصوصیت src برای تعیین مکان فایل تصویر استفاده می‌شود. این مکان می‌تواند یک مسیر مطلق یا نسبی باشد. به طور معمول، مسیر مطلق به صورت یک URL شروع می‌شود، مانند “https://example.com/image.jpg”، در حالی که مسیر نسبی به صورت یک مسیر محلی نسبت به صفحه فعلی است، مانند “images/image.jpg”.
به طور کلی، تگ img و خصوصیت src به صورت زیر استفاده می‌شود:
خصوصیت alt متن جایگزین برای تصویر است که در صورتی که تصویر بارگذاری نشود یا مرورگر کاربر تصویر را نمی‌تواند نمایش دهد، به جای آن نمایش داده می‌شود. این متن برای بهبود قابلیت دسترسی ویدئو برای کاربران با محدودیت بصری یا برای موتورهای جستجو استفاده می‌شود.
خصوصیت‌های width و height نیز اندازه تصویر را مشخص می‌کنند. می‌توانید از این خصوصیت‌ها برای تغییر اندازه تصویر بدون تغییر ابعاد اصلی آن استفاده کنید.
برای مثال، فرض کنید تصویری با نام “image.jpg” در پوشه “images” قرار دارد. در این صورت، کد HTML زیر را برای نمایش تصویر می‌توانید استفاده کنید:
در این مثال، تگ img با خصوصیت src=”images/image.jpg” نشان می‌دهد که تصویر در پوشه “images” قرار دارد و خصوصیت alt=”تصویر آزمایشی” متن جایگزین برای تصویر را مشخص می‌کند. همچنین، خصوصیت‌های width=”500″ و height=”300″ اندازه تصویر را برابر با 500 پیکسل عرض و 300 پیکسل ارتفاع می‌کنند.
استفاده صحیح از تگ img و خصوصیت src در HTML بهبود قابلیت دسترسی وبسایت و نمایش تصاویر به کاربران را تضمین می‌کند. همچنین، تنظیم اندازه تصاویر با استفاده از خصوصیت‌های width و height می‌تواند بهبود سرعت بارگذاری صفحه وب را نیز به همراه داشته باشد.
