تگ img در HTML

تگ img

تگ img در HTML  یک تگ تنها است که تگ بستن ندارد.اگر تگ به صورت <img> باشد یعنی هیچ تصویری را شامل نمیشود. برای نمایش تصویر در تگ img باید از صفات استفاده شود. با استفاده از صفت src منبع عکس ذکر میشود تا مرورگر بتواند آن را بخواند. این منبع در واقع همان آدرس عکس در است که در سایت یا کتابخانه سایت بارگذاری شده است.

تگ img در HTML در همان جایی که تعریف شده است عکس را به نمایش میگذارد. اگر این تگ را بین دو پاراگراف نوشته اید عکس بین دو پاراگراف نمایش داده میشود. همان طور که در مثال بالا مشاهده میکنید در تگ img از صفت alt نیز استفاده شده است. در مقابل این صفت یک متن یا کلمه ای که بیان کننده تصویر است نوشته میشود تا در صورتی که مرورگر قادر به باز کردن تصویر نشد این متن نشان داده شود. صفت alt همان متن جایگزین عکس است.

عرض و ارتفاع در تگ img

علاوه بر صفت های scr و alt صفت های دیگری نیز میتوانید برای تگ img در HTML تعریف نمایید. برای مثال میتوانید بگویید که تصویر کادر داشته باشد یا نداشته باشد، عرض و ارتفاع تصویر چقدر باشد. به مثال زیر دقت کنید:

اعداد نوشته شده در قسمت عرض و ارتفاع پیکسل هستند.

برای گذاشتن کادر نیز میتوانید از صفت border استفاده کنید

1 دیدگاه

  • مهدی ب

    اسفند ۲۵, ۱۳۹۲ at ۱۰:۳۱ ب.ظ
    واقعا عالی بود خیلی خوب توضیح دادی!مرسی

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *


© 2013 Mobtadi. All rights reserved.
کلیه حقوق مادی و معنوی برای وبسایت مبتدی محفوظ است.