قرار دادن تصویر در یک صفحه ی وب
برای قرار دادن تصویر در یک صفحه ی وب، ابتدا فایل تصویری مزبور را به شاخه ای که پروندۀ متن HTML شما در آن قرار دارد انتفال دهید .
تگ HTML زیر را در نقطه ای از متن که می خواهید تصویر مزبور در آن ظاهر شود، درج نمایید. به جای myimage. Gif از نام پروندۀ تصویری خود استفاده کنید:
<img src= "myimage.gif " />
هر گاه یک مرورگر وب، پروندۀ HTML ای را باز می کند. پرونده های تصویری را به طور خودکار بازیابی (retrieve) نموده و نمایش خواهد داد.
اگر حدس می زنید که img به معنای image و src به معنای source (مرجعی برای مکان پروندۀ تصویری) می باشد؛ باید بگویم درست حدس زده اید.
درست همانند تگ <a href=" " > می توانید هر نشانی اینترنتی کامل را به خصوصیت src مربوط به تگ img نسبت دهید .
<img src=”http://www.mywebsite.com/images/flower.gif” >
به جای این کار ، اگر تصویری در همان پوشۀ «فولدر» فایل HTML قرار دارد، می توانید فقط نام فابل را مشخص کنید. هم چنین ممکن است از نشانی های نسبی نظیر
/image/newimage.gif
استفاده نمایید.
همچنین می توانید تصویر دلخواهی را از دیگر صفحات وب ، در صفحات مختص به خود قرار دهید. مثلاً می توانید با قرار دادن تگ زیر، عکسی را از سایت ماکروسافت در صفحۀ وب خود قرار دهید.
<img src ="http://www.microsoft.com/web.jpg"/>
هر وقت صفحۀ شما نمایش داده شود. تصویر مزبور از رایانۀ خادم «سرور» ماکروسافت بازیابی می گردد.البته پیشنهاد می کنم بهتر است از انجام این کار صرف نظر کنید! نه تنها این روش مناسب نیست. «معمولاً هر گاه شما تصویری را از رایانۀ خادم افراد دیگر بگیرید، هزینه ای برای آن ها در نظر گرفته می شود»، بلکه می تواند سرعت نمایش صفحات شما را به مقدار زیادی کاهش دهد.
همچنین، روشی برای کنترل «نظارت» این که آیا تصویر مزبور تغییر یافته یا حذف شده است. وجود ندارد. اگر فردی به شما اجازۀ نشر مجدد یکی از تصاویر موجود در صفحات خود را داد، همیشه کپی «رو نوشت» از آن تصویر را به رایانۀ خود ارسال کنید و در صفحات خود از آن استفاده نمایید .
- بر چسب گذاری یک تصویر
هر تگ <img /> ، شامل یک پیام با متن کوتاهی می باشد . نام این خصوصیت alt (اختصار alternate text) است زیرا این پیام در محلی از تصویر موجود در مرورگرهای وب قدیمی تر که تصاویر گرافیکی را نمایش نمی دهند یا برای کاربرانی که در گزینه های مرورگر وب خود داون لود «پایین گذاری» خودکار تصویر را غیر فعال می کنند، ظاهر می شود .
این ویژگی به طور قابل توجهی توسعه یافته است و طراحان باید هنگام ایجاد صفحات وب، نقص ظاهری این صفحات را به خاطر داشته باشند.
افرادی که از جدیدترین نرم افزار مرورگر وب استفاده می نمایند. پیامی که شما در صفت alt قرار می دهید را نیز مشاهده خواهند کرد. از آن جا که گاهی اوقات انتقال پرونده های تصاویر گرافیکی در اینترنت مدتی وقت می برد، اکثر مرورگرهای وب به جای تصاویر گرافیکی ابتدا متن صفحه را با پیام های alt نشان می دهند.
حتی پس از این که تصاویر گرافیکی جایگزین پیام های alt شوند، هر وقت اشاره گر ماوس از روی یک تصویر عبور کند، پیام alt در یک جعبۀ کوچک ظاهر می گردد. مثلاً پیکانۀ ماوس روی عکس قرار دارد و پیام alt مربوط به تگ < img /> نشان داده خواهد شد.
معمولاً باید یک صفت alt مناسب را در هر تگ < img / > صفحات وب خود قرار دهید، موقعیت های مختلفی که ممکن است افراد، آن پیام را مشاهده کنند نیز به خاطر داشته باشید. ارائه توضیحی بسیار مختصر از تصویر عمل معقولانه ای است، ولی گاهی اوقات مؤلفان صفحات وب پیام های تبلیغی کوتاه یا شوخی ظریفی را در پیام های alt خود قرار می دهند. در مورد تصاویر کوچک یا کم اهمیت، بهتر است پیام alt کاملاً حذف شود.
هم چنین یکی از مهم ترین کاربرهای خصوصیت alt این است که موتورهای جستجوگر از این خصوصیت برای فهمیدن محتوای تصویر استفاده می کنند.
- تصاویر لینکی
شما می توانید با استفاده از همان تگ <a> ، مورد استفاده برای ایجاد لینک های متنی، هر تصویر را در صفحۀ دیگر به یک لینک قابل کلیک تبدیل کنید. برای این کار باید تصویر مورد نظر را درون تگ <a> و </a> قرار دهیم.
معمولاً، مرورگرهای وب یک چهار گوش رنگی در اطراف لبۀ هر لینک «پیوند» تصویری رسم می نمایند. این چهار گوش همانند لینک های متنی، برای افرادی که لینک مزبور را اخیراً مشاهده نکرده اند به رنگ آبی و برای افرادی که آن را مشاهده کرده اند به رنگ ارغوانی ظاهر می شود. از آن جا که بندرت این خط زشت را در اطراف دکمه های زیبای خود می خواهید همیشه باید خصوصیت border مربوط به تگ <img> را برایر با صفر نمایید .
