اموزش رایگان برنامه نویسی ، اموزش رایگان برنامه نویسی c ، اموزش رایگان طراحی سایت ،اموزش رایگان برنامه نویسی کامپیوتر،اموزش رایگان طراحی وب سایت ، اموزش رایگان طراحی وب ، اموزش رایگان طراحی سایت آموزش رایگان برنامه نویسی های مختلف ، طراحی سایت به زبان php
درباره وبلاگ



مدیر وبلاگ : بهاره ساعدی
نویسندگان
آمار وبلاگ
  • کل بازدید :
  • بازدید امروز :
  • بازدید دیروز :
  • بازدید این ماه :
  • بازدید ماه قبل :
  • تعداد نویسندگان :
  • تعداد کل پست ها :
  • آخرین بازدید :
  • آخرین بروز رسانی :
جلسه 23 html

ایجاد پیوند بین نسخه کوچک تصاویر و خود تصویر

  • یک تکنیک خیلی مشابه برای استفاده از تصاویر به عنوان برچسب پیوندها ، استفاده از نسخه کوچک شده تصاویر و ایجاد پیوند بین انها و نسخه اصلی ان تصویر می باشد . شما می توانید به سرعت ، تعداد زیادی تصاویر کوچک را بار کرده و به مراجعه کنندگان تان امکان دهید ، تصویری که می خواهند با اندازه واقعی اش نمایش داده شود را خودشان انتخاب کنند .
برای ایجاد پیوند بین نسخه کوچک و بزرگ ان :
  1. تایپ کنید <a href=image.jpg> که در ان image .jpg مکان تصویر با اندازه کامل روی سرور می باشد .
  2. تایپ کنید img src=mini.jpg> که در ان mini.jpg مکان نسخه کوچک شده تصویر روی سرور می باشد .
  3. در صورت لزوم تایپ کنید alt=alternate text  که در ان alternate text متنی است که اگر به هر دلیل نسخه کوچک شده تصویر به نمایش در نیامد ان متن باید به نمایش در اید .
  4. </ نهایی را تایپ کنید .
  5. <a/> تا تعریف پیوند برای تصویر تمام اندازه کامل شود .

مثال :

<html>
<body>
<a href="http://s3.picofile.com/file/7836446234/1_23_.jpg">
<img src="http://s1.picofile.com/file/7836447090/1_23_111.jpg" />
</a>
</body>
</html>

خروجی

http://s2.picofile.com/file/7836469672/22html11.jpg

بعد از کلیک کردن روی تصویر ، تصویر بزرگ ان نمایش داده می شود



http://s4.picofile.com/file/7836470428/22html1.jpg






نوع مطلب : آموزش html، 
برچسب ها :
لینک های مرتبط :

       نظرات
دوشنبه 17 تیر 1392
بهاره ساعدی


 
 
 
شبکه اجتماعی فارسی کلوب | Buy Website Traffic | Buy Targeted Website Traffic