HTML Images
5 خرداد 1404
ارسال شده توسط سمیرا خانی
15 بازدید

ساختار پایه تصویر در HTML
<img src=“آدرس-تصویر” alt=“توضیح تصویر”>
-
<img>
تگ تصویر است. -
src
آدرس فایل تصویری را مشخص میکند (میتواند آدرس اینترنتی یا مسیر فایل محلی باشد). -
alt
متن جایگزین تصویر است که وقتی تصویر بارگذاری نشود یا برای دسترسیپذیری خوانده میشود.
مثال:
<img src=“https://www.example.com/image.jpg” alt=“نمونه تصویر”>
ویژگیهای رایج برای تصاویر
-
تعیین عرض و ارتفاع:
<img src=“image.jpg” alt=“نمونه” width=“300” height=“200”>
-
تصویر به صورت لینک:
<a href=“https://www.example.com”>
<img src=“image.jpg” alt=“تصویر لینک شده”>
</a>
<img src=“image.jpg” alt=“تصویر لینک شده”>
</a>
-
تصویر در مسیر محلی:
اگر تصویر در همان پوشه فایل HTML است:
<img src=“photo.png” alt=“عکس محلی”>
دیدگاهتان را بنویسید