جلسه 10: عکس ها در HTML
عکس ها در HTML
با HTML شما می توانید در یک پرونده عکس نشان دهید.
برچسب Images و موجودیت Src
در HTML عکس ها با برچسب <img > معرفی می شوند. برچسب <img > خالی است بدین معنا که آن فقط حاوی موجودیت هاست و برچسب پایانی ندارد.
برای نمایش یک تصویر در یک صفحه، شما احتیاج دارید که از موجودیت Src استفاده کنید. Src مخفف source (منبع) است. محتوای موجودیت url ، Src تصویری است که شما می خواهید در صفحه تان نمایش دهید. نحوه معرفی یک تصویر:
<“img src=”url >
url به محلی اشاره می کند که تصویر در آنجا قرار دارد. تصویری که “boat.gif” نامیده شده در دایرکتوری “images” در “www.mosbate1.ir” دارای این url است:
http://www.mosbate1.ir/images/boat.gif
مرورگر تصویر را جایی قرار می دهد که بر چسب تصویر پرونده در آنجا قرار گرفته است. اگر شما برچسب تصویر را بین دو پاراگراف قرار دهید، مرورگر ابتدا پاراگراف اول، سپس تصویر و سپس پاراگراف دوم را نشان می دهد.
موجودیت Alt
موجودیت Alt برای معرفی متن جایگزین به جای یک تصویر استفاده می شود. محتوای موجودیت Alt یک متن توصیفی است:
<“img src=”url” alt=”Big Boat>
اگر مرورگر نتواند تصویری را بارگیری نماید، موجودیت alt به خواننده می گوید که آن را در صفحه از دست داده است، سپس مرورگر متن جایگزین را بجای آن نشان خواهد داد.
نکات پایه ای – اطلاعات مفید
اگر یک فایل HTML حاوی 10 تصویر باشد، برای نمایش کامل صفحه به 11 فایل احتیاج است. بارگیری تصاویر وقت گیر است، بنابر این بهترین توصیه من این است که از تصاویر به دقت استفاده کنید.
برچسب های تصویر
برچسب | توضیحات |
---|---|
<img> | یک تصویر را معرفی می کند. |
<map> | یک تصویر نقشه را معرفی می کند |
<area> | داخل یک تصویر نقشه یک منطقه قابل کلیک را تعریف می کند |