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

افزودن عکس به صفحات 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>

موفق باشید.

نظرات۱

  1. http://tanzkub.blogfa.com/

    ❤☀⊰ طنز کوب ⊱☀❤

    خیلی ازت ممنونم 
    خیلی خیلی خیلی فدات
  2. author

    پاسخ

    خاهش ، موفق باشی

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی