تا %60 تخفیف خرید برای 5 نفر با صدور مدرک فقط تا
00 00 00
در توسینسو تدریس کنید

آموزش HTML گام به گام قسمت 10 : تصاویر

همانطور که پیشتر اشاره کردم با استفاده از اچ تی ام ال شما می توانید امکانات چند رسانه ای را به وبسایتتان اضافه کنید. در این قسمت می خواهم که چگونگی اضافه کردن تصویر به همراه امکانات آن را به شما آموزش دهم. به صورت کلی سینتکس مربوط به تصاویر در اچ تی ام ال به صورت زیر می باشد:

<img src=""/>

Src مخفف کلمه source یا منبع می باشد. در بین کوتیشن ها شما باید آدرس عکس مورد نظر را وارد نمایید. البته تگ img دارای خاصیت های دیگری نیز می باشد که در ادامه به آنها نیز اشاره می کنیم!

صفت alt: این صفت در واقع متنی را دریافت می کند، در صورتی مرورگر به هر دلیلی نتواند مسیر عکس را پیدا کند و ... این متن بجای آن نمایش داده می شود. Alt مخفف alternative می باشد.

Width & Height: برای تعیین ارتفاع و عرض تصاویر می توانید از این توصیفات استفاده کنید، البته همین خاصیت را می توانید در صفت Style نیز پیدا کنید:

<img src="itpro.png" alt="ITPRO" style="Width:70px; height:100px;/>

البته جدای از اینها در درسهای سی اس اس که بعدا ارائه خواهد شد، می توانید صفت های بیشتری برای تگ img در نظر بگیرید مثل Border.

اگر درسهای قبلی را دنبال کرده باشید به یاد دارید که از حالتی در اچ تی ام ال به اسم تگ های تو در تو نام بردیم، بدین صورت که بتوانید قبل از آنکه تگی را ببندید از تگی دیگر استفاده کنید. به مثال زیر توجه کنید.

<h1><i>Hello</i></h1>

در مثال بالا همزمان که متن Hello به صورت عنوان نمایش داده می شود، کج نیز می باشد. با این دانسته خیلی راحت می توانید یک تصویر را به صورت لینک در آورید، به مثال زیر توجه کنید:

<a href="itpro"><img src="itpro.png"/></a>

نویسنده : ارسطو عباسی

منبع : جزیره طراحی و توسعه وب وب سایت توسینسو

هرگونه نشر و کپی برداری بدون ذکر منبع و نام نویسنده دارای اشکال اخلاقی می باشد

نظر شما
برای ارسال نظر باید وارد شوید.
0 نظر

هیچ نظری ارسال نشده است! اولین نظر برای این مطلب را شما ارسال کنید...

افرادی که این مطلب را خواندند مطالب زیر را هم خوانده اند