برچسب Img

تعریف و کاربرد

عنصر img یک تصویر را معرفی می کند.

تفاوت بین HTML و XHTML

در HTML برچسب img برچسب پایانی ندارد.
در XHTML برچسب img باید حتما بسته شود.
موجودیت های "border" , "hspace" و "vspace" در HTML 4.01 دیگر توصیه نمی شوند.
موجودیت های "border" , "hspace" و "vspace" در XHTML 1 پشتیبانی نمی شوند.

Mozilla firefox و موجودیت alt

اگر شما از موجودیت alt در Firefox روی تصویر و نگاشت تصویر استفاده کردید ، متنی که در مروگرهای دیگر به هنگام حرکت ماوس روی تصاویر ظاهر می شود نشان داده نخواهد شد.
Firefox از موجودیت alt در راهی استفاده می کند که معمولا استفاده می شود ، مثل یک متن متناوب ، اگر یک عکس بارگیری نشود پس متن که به هنگام حرکت ماوس روی عکس ظاهر می شود وجود نخواهد داشت.
Firefox از متنی که به هنگام حرکت روی تصاویر ظاهر می شود پشتیبانی می کند به شرطی که از موجودیت title در برچسب img استفاده کنید.
بعنوان مثال: <"img src="image.gif" alt="bla" title="bla bla bla>

مثال

منبع	خروجی
<img src="angry.gif" alt="Angry" />

موجودیت های مورد نیاز

DTD نشان می دهد که در کدام DTD این خواص مجاز هستند.S=اکید ، T=وابسته، F=frameset.

موجودیت	مقدار	توضیحات	DTD
alt	text	یک توضیح کوتاه در مورد تصویر را بیان می کند.	STF
src	URL	URL تصویر برای نمایش	STF

خواص انتخابی

موجودیت	مقدار	توضیحات	DTD
align	top bottom middle left right	مشخص می کند که چگونه می توان تصویر را بر اساس متن های اطرافش چید. توصیه می شود به جای آن از style استفاده کنید.	TF
border	pixels	حاشیه اطراف تصویر را معرفی می کند. توصیه می شود به جای آن از style استفاده کنید.	TF
height	pixels %	طول یک تصویر را مشخص می کند.	STF
hspace	pixels	فاصله های سفید برای چپ و راست تصویر مشخص می کند. توصیه می شود به جای آن از style استفاده کنید.	TF
ismap	URL	یک تصویر را بعنوان تصویر نگاشت سمت سرور معرفی می کند.	STF
longdesc	URL	یک URL به یک پرونده که حاوی توضیحات زیادی درباره تصویر است.	STF
usemap	URL	تصویر را بعنوان یک تصویر سمت کاربر معرفی می کند. به برچسب های <map> و <area> نگاه کنید تا متوجه شوید که آن چگونه کار می کند.	STF
vspace	pixels	فاصله سفید در بالا و پایین تصویر تعیین می کند. توصیه می شود به جای آن از style استفاده کنید. Deprecated. Use styles instead	TF
width	pixels %	عرض یک تصویر را مشخص می کند.	STF

خواص استاندارد

id, class, title, style, lang, xml:lang

خواص رویداد

onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

خودتان بیازمایید

نمایش عکس
این مثال چگونگی نمایش عکس را نشان می دهد.

نمایش عکس از محلی دیگر
در صورتیکه عکس مورد نظر در محلی دیگر باشد(آدرسی در شبکه)، می توانید برای نمایش آن، از این مثال کمک بگیرید.

محل نمایش عکس
به کمک این مثال می توان محل نمایش عکس، نسبت به متنی که عکس درون آن قرار دارد، را تعیین کرد.

تعیین محل نمایش عکس در پاراگراف
می خواهید عکسی را درون یک پاراگراف نمایش دهید. برای تعیین محل آن نسبت به متن پاراگراف، به این مثال توجه کنید.

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

عکس، به عنوان فراپیوند
این مثال عکسی را به یک فراپیوند تبدیل می کند.

نقشه
این مثال، روش تقسیم یک عکس به نواحی مختلف(همانند یک نقشه) را نشان می دهد. هر یک از این نواحی، یک فراپیوند هستند.


جستجوی پیشرفته

	نسخه چاپی
	فرم انتقادات و پیشنهادات
	ارسال به دوستان
	افزودن به آدرسهای برگزیده

| | |

کلیه حقوق این سایت متعلق به شرکت رادکام می باشد.

فهرست دروس

HTML مقدماتی

HTML پیشرفته