برای افزودن عکس به صفحه 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>
موفق باشید.