%45 تخفیف، با کد Ghadir روی تمام آموزش ها، بمناسبت عید قربان تا غدیر
زمان باقی مانده (تمدید شد)

تگ img در HTML

مثال (تگ img در HTML)

چگونگی وارد کردن یک تصویر:

<imgsrc="smiley.gif"alt="Smiley face"height="42"width="42">

خودتان امتحان کنید »

در انتهای این آموزش، مثال های بیشتری آورده شده است.


تعریف و کاربرد تگ img در HTML

تگ <img> یک تصویر در صفحه HTML تعریف می کند.

تگ <img> دو خصوصیت الزامی دارد که شامل: src و alt است.

نکته: از لحاظ فنی تصاویر داخل سند HTML قرار داده نمی شوند، بلکه تصاویر به سند HTML لینک می شوند. تگ <img> فضایی برای نمایش تصویر ایجاد می کند.

نکته: برای لینک کردن یک تصویر به آسانی می توان تگ <img> را در تگ <a> قرار داد.


پشتیبانی مرورگرها از تگ img در HTML

عنصر     
<img>بلهبلهبلهبلهبله

تفاوت بین HTML 4.01 و HTML5

خصوصیت های: align ،border ،hspace ،longdesc و vspace در HTML5 پشتیبانی نمی شود.


تفاوت بین  HTML و XHTML

در HTML تگ <img> تگ پایانی ندارد.

در XHTML تگ <img> باید با یک تگ پایانی بسته شوند.


خصوصیت ها

= جدید در HTML5.

خصوصیتمقدارتوضیحات
aligntop
bottom
middle
left
right
در HTML5 پشتیبانی نمی شود.
نحوه تراز بندی <img> نسبت به عناصر اطراف را مشخص می کند.
alttextخصوصیت alt یک alternate text یا "متن جایگزین" را برای یک تصویر مشخص می کند.
borderpixelsدر HTML5 پشتیبانی نمی شود.
ضخامت (border) اطراف عکس را مشخص می کند.
crossoriginanonymous
use-credentials
اجازه می دهد با استفاده از canvas که تصاویری که متعلق به سایت های سوم شخص است و اجازه دسترسی متقابل به مبدا را می دهند، نمایش داده شود. 
heightpixelsبرای مشخص کردن طول یک عکس استفاده می شود.
hspacepixelsدر HTML5 پشتیبانی نمی شود.
 فضای خالی طرف راست و چپ تصویر را مشخص می کند.
ismapismapتصویر را به عنوان یک image-map سمت سرور مشخص می کند.
longdescURLدر HTML5 پشتیبانی نمی شود.
مسیر فایلی که اطلاعات کاملی در رابطه با عکس مورد نظر نگهداری می کند را مشخص می کند.
srcURLURL تصویر را مشخص می کند.
usemap#mapnameیک تصویر را به عنوان یک image-map سمت کاربر مشخص می کند.
vspacepixelsدر HTML5 پشتیبانی نمی شود.
 فضای خالی بالا و پایین یک تصویر را مشخص می کند.
widthpixelsبرای مشخص کردن عرض یک عکس استفاده می شود.

ویژگی های عمومی تگ img در HTML

تگ <img> از ویژگی های عمومی در HTML پشتیبانی می کند..


رویدادهای عمومی تگ img در HTML

تگ <img> از رویدادهای عمومی در HTML پشتیبانی می کند.


مثال

خودتان امتحان کنید - مثال

 

Insert images from different locations
 نحوه درج تصویر از پوشه ای دیگر یا از سروری دیگر.

Make a hyperlink of an image
 چگونه از یک تصویر به عنوان لینک استفاده کنیم.

Create an image map
 چگونه یک image map با ناحیه بندی متفاوت ایجاد کنیم که با کلیک روی هر ناحیه یک لینک اجرا شود.


آموزش های مرتبط

آموزش HTML-تصاویر 

مرجع اشیاء اچ تی ام ال: تگ img در JavaScript 

تبلیغات اینترنتی
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehiمجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامیپرداخت آنلاین -  بانک ملتمعرفی بیاموز در شبکه سهپرداخت آنلاین - بانک اقتصاد نوینپرداخت آنلاین - بانک سامان