امروز تگ مخصوص قرار دادن عکس در صفحات وب را مورد بررسی قرار خواهیم داد.
این تگ </img> نام دارد و بصورت تکی نوشته می شود. یعنی مانند تگ </body><body> نیست و در تگ باز شده نیز به پایان می رسد.
ساختار کلی این تگ بصورت زیر است:
<img src="آدرس عکس" alt=" " width=" " height=" "/>
ما برای قرار دادن عکس از تگ img استفاده خواهیم کرد.
برای این کار ابتدا تگ img را بصورت زیر می نویسیم:
<img
سپس آدر عکس مورد نظر خود را در داخل خصوصیت src قرار می دهیم:
<img src="آدرس عکس"
تا الان کار های اصلی را انجام دادیم و از این پس اختیاری می باشد:
گزینه ی alt زمانی استفاده می شود که عکس مورد نظر یافته نشود و در این حالت نوشته ی واقع در داخل خصوصیت alt نمایان می شود:
<img src="آدرس عکس" alt="image not found!!!"
برای تنظیم طول و عرض عکس نیز می توانید از خصوصیت های height و width استفاده کنید:
<img src="آدرس عکس" alt="image not found!!!" height="100" width="100"
واحد اندازه گیری height و width بصورت پیش فرض px یا پیکسل می باشد و لازم نیست که نوشته شود ولی شما می توانید از % و em(که 16 برابر پیکسل است ) استفاده کنید و در این صورت باید واحد آن ها را بنویسید.
در نهایت نیز تگ را می توانید ببندید:
<img src="آدرس عکس" alt="image not found!!!" height="100" width="100"/>