تبلیغات
Par30net | پارســـی نت
ورود کاربران
نام کاربری :
کلمه عبور :
کلمه عبور خود را فراموش کرده ام ؟
منوی کاربری

Make Your HomePage    Send Email To Admin    Add to Favorites

پیغام مدیر : با عرض سلام و خسته نباشی دوستانی که مایلند با ما تبادل لینک کنند از قسمت لینک دوستان لینک خود را برای ما ارسال نمایند

با تشکر   

عضویت در سایت


تماس با ما


ارسال پیام

لینكهای ویژه
لینك دوستان
چت بامدیـــــر
جستجوگر

Google
  
            
     در كل اینترنت
     در پارســـی نت

نظر سنجی

نظر شما راجع به رنگبندی سایت چیست ؟






آمار وب
بازدید های امروز:
بازدیدهای دیروز:
بازدید این ماه :
بازدید ماه گزشته:
کل بازدید ها:
نویسندگان سایت:
كل مطالب ارسالی:
آخرین به روز رسانی:
طراح قالب

Hosted by:

IranHost

ساعــــت

نویسنده گان
  • سید حسین رفعتی(416)

  • موضوعات












    آرشیو
  • هفته چهارم فروردین 1389 ( 5 )
  • هفته چهارم دی 1388 ( 115 )
  • هفته سوم دی 1388 ( 1 )
  • هفته دوم دی 1388 ( 18 )
  • هفته اول دی 1388 ( 212 )
  • هفته چهارم آذر 1388 ( 78 )
  • همه آرشیوها
  • آخرین پستها

    اس ام اس sms ماه رمضان – سری ۳

    اس ام اس و پیامک رمضان – سری ۴

    اس ام اس عید فطر

    اس ام اس عید غدیر خم – سری ۳

    اس ام اس ولادت حضرت محمد و امام صادق

    مقدمه آموزش CSS

    اصول نوشتن کد های CSS

    استفاده از شناسه Style

    CSS در HEAD صفحه

    فایل CSS خارج از صفحه

    تنظیم طول و عرض عناصر

    ایجاد کادر برای عناصر

    حاشیه و تو رفتگی عناصر صفحه

    تعیین موقعیت عناصر صفحه

    کار با متنها ( بخش اول )

    کار با متنها (بخش دوم )

    تنظیم فونت با CSS

    تنظیم رنگ متن با CSS

    تنظیم رنگ و تصویر زمینه

    تنظیم تکرار تصویر زمینه

  • همه پستها
  • لوگو دوستان


    وضعیت


    »آدرس آی پی شما:

      AddThis Feed Button



    تبلیغات
    امروز :



     آخرین اخبار سایت

    چت روم پارسِِــــی نت را اندازی شد (جدید)

    شما دوستان عزیز می توانید با عضویت در سایت و ورود به حساب کاربری خود از چت روم سایت پارســــی نت بهرمند شوید         ( تاریخ ارسال : 25/10/1388 )











    توجه:برای تبادل بنر اول بنر وب من را در وبلاگ یا سایت خود قرار دهید بعد بنر خود را برای ما بفرستید.

    برای ارسال بنر خود اینجا كلیك كنید

    ایجاد لینک با عکس ها

    پست: 388  |  موضوع مرتبط: آموزشی > HTML

    آموزش HTML

    ساختن لینک با استفاده از تصاویر

    برای اینکه از یک عکس به عنوان یک لینک استفاده کنید با ید از دو نکته که قبلاً آموختیم استفاده کنیم.

    1. چگونه یک لینک بسازیم.
    2. چگونه یک عکس را به صفحه اضافه کنیم.
    • برای اینکه بخواهیم به یک صفحه لینکی را ایجاد کنیم باید از این تگ استفاده کنیم:

    <a href="url">متن لینک</a>
    • اگر بخواهیم یک عکس را به صفحه اضافه کنیم باید از این تگ استفاده کنیم:

    <img src="image.gif">

    حال اگر بخواهیم از یک عکس به عنوان یک لینک استفاده کنیم باید تگ عکس را به جای متن لینک استفاده کنیم. یعنی به صورت زیر:

    <a href="url"><img src="image.gif"></a>

    تنها نکته ای که در اینجا باید به آن دقت کنید این است که نباید تگ لینک را قبل از ورود تصویر ببندید. یعنی تگ عکس باید بین تگ ابتدایی و انتهایی لینک قرار بگیرد تا به عنوان یک لینک عمل کند. به این مثال توجه کنید:

    می خواهیم از عکسی با نام learn_html.gif که در پوشه همین صفحه قرار دارد به عنوان لینک به مقدمه آموزش HTML که در همین پوشه است استفاده کنیم(نام صفحه مورد نظر index.html است). به این صورت عمل می کنیم:

    <a href="index.html"><img src="learn_html.gif"></a>

    لینک به دست آمده مانند سطر زیر است:

    Learn HTML with NeoPersia.org

    اگر ماوس خود را بر روی عکس بالا قرار دهید خواهید دید که نشانگر ماوس به شکل دست در می آید. اگر بر روی عکس کلیک کنید به صفحه سرفصل آموزش HTML خواهید رفت.

    اغلب مرورگرها به تصاویری که به عنوان لینک استفاده می شوند یک خط حاشیه (border) در لبه های تصویر اضافه می کنند. برای اینکه این خط دیده نشود شناسه زیر را به تگ عکس خود اضافه کنید:

    border="0"

    مثال قبل را با اضافه کردن شناسه بالا تکرار می کنیم:

    <a href="index.html"><img src="learn_html.gif" border="0"></a>

    نتیجه به این صورت در می آید:

    Learn HTML with NeoPersia.org

    شما می توانید خط حاشیه را کلفت تر نیز نشان دهید. فقط کافی است عدد بزرگتری را در فرمان border قرار دهید. مانند زیر:

    <a href="index.html"><img src="learn_html.gif" border="5"></a>

    نتیجه را در زیر مشاهده می کنید:

    Learn HTML with NeoPersia.org

    منظور از قرار دادن خط حاشیه مشخص کننده محدوده لینک است.



    نوشته: سید حسین رفعتی ساعت: 02:31 ب.ظ تاریخ: یکشنبه 27 دی 1388 |+|
    f