آموزش تگ img در html

تگ Img در HTML چیست ؟

تگ <img> در HTML برای قرار دادن تصویر در صفحه وب استفاده می‌شود. این تگ باید دارای یک ویژگی src باشد که مسیر تصویر را مشخص می‌کند. همچنین می‌توانید از ویژگی‌های دیگری مانند alt برای توضیح متنی در صورت عدم بارگذاری تصویر یا width و height برای تنظیم اندازه تصویر استفاده کنید. به طور کلی، تگ <img> در HTML برای نمایش تصاویر در صفحات وب استفاده می‌شود.

تک img در اچ تی ام ال دارای دو عنصر بسیار مهم و اساسی است :

صفت Src : برای مشخص کردن آدرس URL فایل تصویر / عکس
صفت Alt : برای مشخص کردن یه توضیح کوتاه در مورد تصویر / عکس ( برای سئو سایت کاربرد دارد )

مثال استفاده از تگ img در HTML

<div>

<img src=”https://dmservice.ir/wp-content/uploads/2023/08/wordpress-150×150.png”>

</div>

مثال استفاده از عرض و ارتفاع در تگ img

<div>
<img src=”images/girls-1.jpg” width=”300″ height=”194″>
</div>

مثال نحوه استفاده از صفت alt در تگ img

نحوه استفاده از تگ alt در اچ تی ام ال : اگر یک تصویر نشان‌دهنده یک گربه باشد، متن جایگزین می‌تواند “عکس یک گربه” باشد.

<div>

<img src”https://dmservice.ir/wp-content/uploads/2023/08/wordpress-150×150.png” alt=”” height=”450″ width=”300″ />

</div>