تگ <img>
از تگ < img > برای قرار دادن عکس یا تصاویر بر روی صفحه استفاده می شود . تگ
< img > فقط خصوصیات را نگهداری کرده و دارای تگ پایانی نیست ( در همان
تگ ابتدایی بسته می شود ) .
نکات مهم تگ < img > :
- در تگ < img > با خاصیت src به مکان فایل عکسی که قرار است نمایش داده شود اشاره
می کنیم . تصاویر HTML در مکانی غیر از صفحه اصلی ذخیره شده و در هنگام نمایش صفحه
از مبدا ، فراخوانی می شوند . - با استفاده از خاصیت alt تگ < img > می توان از قبل یک متن جایگزین تعیین کرد
، که چنانچه مرورگر به هر دلیلی نتوانست عکس را نمایش دهد ، به جای آن متن جایگزین
را نشان دهد . این متن در هنگام قرار گیری موس بر روی عکس در یک کادر زرد رنگ نیز نمایش
داده می شود . متن جایگزین می تواند شامل توضیحی راجع به عکس اصلی باشد .
مثال : در مثال زیر یک عکس به صفحه پیوند زده شده است ،
برای مشاهده متن جایگزین موس را چند لحظه بر روی عکس نگه دارید :
| Example | |
|
< img src =”http://www.DeveloperStudio.ir/Pic/imgexample.jpg” alt =”DeveloperStudio PICTURE” / > |
کد |
|
خروجی |
| خواص مهم تگ img | ||
| نام خاصیت | نوع خاصیت | شرح |
| align |
top bottom middle left right |
نحوه ترازبندی عکس را نسبت به محتویات دیگر صفحه و متن دور آن را تعیین می کند ، که یکی از حالت های زیر می تواند باشد : ۱) top : عکس در بالای متن و محتویات دیگر قرار می گیرد . ۲) bottom : عکس در پایین متن و محتویات دیگر قرار می گیرد . ۳) middle : عکس در وسط متن و محتویات دیگر قرار می گیرد . ۴) left : عکس در سمت چپ متن و محتویات دیگر قرار می گیرد . ۵) right : عکس در سمت راست متن و محتویات دیگر قرار می گیرد . |
| border | pixel | تعیین کننده ضخامت خط حاشیه دور عکس است . |
| height |
pixel درصد % |
میزان ارتفاع عکس را تعیین می کند . |
| hspace | pixel | میزان فضایی خالی در ۲ طرف راست و چپ عکس را تعیین می کند . |
| ismap |
URL مسیر فایل |
تعیین کننده این است که عکس به عنوان یک نقشه تصویری سمت سرور استفاده می شود . برای اطلاعات بیشتر به قسمت تگ < map > بروید . |
| longdesc |
URL مسیر فایل |
مسیر فایلی که اطلاعات کاملی راجع به عکس مورد نظر نگهداری می کند را مشخص می کند . |
| src |
URL مسیر فایل |
مسیر کامل فایل نگهدارنده عکس را تعیین می کند . |
| usemap |
URL مسیر فایل |
تعیین کننده این است که عکس به عنوان یک نقشه تصویری سمت کلاینت استفاده می شود . برای اطلاعات بیشتر به قسمت تگ < map > بروید . |
| vspace | pixel | میزان فضای خالی به دور عکس در بالا و پایین را مشخص می کند . |
| width |
pixel درصد % |
میزان عرض عکس را تعیین می کند . |
دسته هاآموزش HTML
