کد عکس از ساده تا پیشرفته

در این پست به شما آموزش ساخت کد عکس رو از ساده تا پیشرفته میدهم. شاید این آموزش برای بعضی ها بی معنی باشه اما خیلی ها هستند که به این چنین آموزشی احتیاج دارند. کد ها در ادامه مطلب

 

 

خب شروع میکنیم

در کد اول و ساده ترین حالت فقط یک عکس نمایش داده میشود:

نمونه:

کد:

<a><img src="آدرس عکس"/></a> 

حالا میخواهیم به این عکس یک لینک بدهیم :

نمونه

کد:

<a href="آدرس لینک"><img src="آدرس عکس" /></a>

حالا ما میخواهیم که به عکسمان تایتل (توضیح) هم بدهیم که با رفتن موس روی عکس این مطالب نمایش داده شود.

نمونه:

کد:

<a href="آدرس لینک" title="متن توضیحی"><img src="آدرس عکس"/></a>

حالا ما میخواهیم به این عکس اندازه مشخصی بدهیم :

نمونه:

کد :

<a href="آدرس لینک" title="متن توضیحی"><img src="آدرس عکس" width="عرض" height="طول" /></a>

حالا میخواهیم به عکسمان "آلت" (متنی که در صورت نمایش داده نشدن عکس به جای عکس دیده شود) اضافه کنیم:

نمونه:

کد :

<a href="آدرس لینک" title="متن توضیحی"><img src="آدرس عکس" width="عرض" height="طول" alt="متن جایگذین" /></a>

برای یک عکس از این هم بیشتر میتوان پیشرفته ترش کرد به طوری که با دادن استایل های css مختلف تغییرات زیادی را اعمال کنیم اما برای css آموزش های دیگری را تدارک خواهیم دید و آموزش های مفصل آن در این پست جایگاهی ندارد . امیدوارم این پست برای شما مفید باشد.