سبد (0)

تبلیغات

تگ img در HTML

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

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

<img src="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.

خصوصیت مقدار توضیحات
align top
bottom
middle
left
right
در HTML5 پشتیبانی نمی شود.
نحوه تراز بندی <img> نسبت به عناصر اطراف را مشخص می کند.
alt text خصوصیت alt یک alternate text یا "متن جایگزین" را برای یک تصویر مشخص می کند.
border pixels در HTML5 پشتیبانی نمی شود.
ضخامت (border) اطراف عکس را مشخص می کند.
crossorigin anonymous
use-credentials
اجازه می دهد با استفاده از canvas که تصاویری که متعلق به سایت های سوم شخص است و اجازه دسترسی متقابل به مبدا را می دهند، نمایش داده شود. 
height pixels برای مشخص کردن طول یک عکس استفاده می شود.
hspace pixels در HTML5 پشتیبانی نمی شود.
 فضای خالی طرف راست و چپ تصویر را مشخص می کند.
ismap ismap تصویر را به عنوان یک image-map سمت سرور مشخص می کند.
longdesc URL در HTML5 پشتیبانی نمی شود.
مسیر فایلی که اطلاعات کاملی در رابطه با عکس مورد نظر نگهداری می کند را مشخص می کند.
src URL URL تصویر را مشخص می کند.
usemap #mapname یک تصویر را به عنوان یک image-map سمت کاربر مشخص می کند.
vspace pixels در HTML5 پشتیبانی نمی شود.
 فضای خالی بالا و پایین یک تصویر را مشخص می کند.
width pixels برای مشخص کردن عرض یک عکس استفاده می شود.

ویژگی های عمومی تگ 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 مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی پرداخت آنلاین -  بانک ملت معرفی بیاموز در شبکه سه پرداخت آنلاین - بانک اقتصاد نوین پرداخت آنلاین - بانک سامان