HTML Images
5 خرداد 1404
ارسال شده توسط سمیرا خانی
49 بازدید
ساختار پایه تصویر در 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=“عکس محلی”>
دیدگاهتان را بنویسید