افزودن عکس به صفحات html

برای افزودن عکس به صفحه html خود می توانیم از تگ <img> استفاده کنیم. در مورد تگ عکس یا همون <img> بگم تگی هست که نیاز به بسته شدن نداره! و تو این تگ از صفت های (Attribute) ؛

alt = برای کاربرانی که به دلایلی نمی توانند عکس را مشاهده کنند یا عکس بارگذاری نمیشه ، مقدار این صفت برای کاربر بعنوان اطلاعات جایگزین نشون داده می شود!

src= مقدار این صفت برابرست با آدرس عکس مورد نظرمون. خب برای درک بیشتر مطلب به مثال زیر دقت کنید:

<img src="addressax.jpg" alt="tozih dar mored ax" />

<!--image format
 src="addressax.png"
 src="addressax.gif"
-->

بعد از آدرس عکس شما می توانید نوع عکس را نیز مشخص کنید. به کد بالا دقت کنید.

چطور به عکس های خود اندازه بدهیم ؟
برای نمایش عکس در اندازه دلخواه خود می توانیم از صفت های width ,height  تگ عکس استفاده کنیم. نمونه کد را برای درک بیشتر ببینیم.

<img src="addressax.jpg" width="300px" height="200px" alt="tozih ax" /> 

با استفاده از کد بالا ما یک عکس 300 پیکسل در 200 پیسکل ایجاد کردیم.

چطور به عکس های خود لینک بدهیم ؟

بعنوان مثال شما یک لوگو برای خودتون طراحی کردید و میخواهید به اون لینک سایت یا وبلاگ خودتون را بدهید تا وقتی کاربر روش کلیک کند به صفحه مورد نظر شما برود و یا یه دکمه طراحی کردین و ...

برای افزودن لینک در html این مطلب را بخوانید. برای لینک دادن به عکس باید از دو تگ <a> و <img> با هم استفاده کنیم ، به صورتی که تگ عکس داخل تگ لینک باشد.به مثال دقت کنید.

<a href="http://1coder.blog.ir" title="html tutorial">
   <img src="mylogo.png" alt="1coder blog" />
</a>

موفق باشید.