استفاده از یک عکس به عنوان لینک، با تگ های img و a ، در HTML

برای استفاده از یک عکس، به صورت لینک، تنها کافی است که عکس را به صورت معمولی تعریف کنیم و سپس آن را در میان تگی های شروع و پایان a قرار بدهیم (تگ a برای تعریف یک لینک به کار می رود).

به مثال زیر توجه کنید :

مثال

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید

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

نکته

برخی مرورگرها، هنگامی که یک عکس را به صورت لینک به کار می بریم، دور آن عکس، یک خط حاشیه نمایش می دهند. برای عدم نمایش این خط حاشیه، باید مشخصه border-width تگ img را برابر صفر قرار بدهیم (مشخصه border-width در CSS). به مثال زیر توجه کنید :

مثال

همان مثال قبل را این بار با مشخصه border-width برابر صفر برای تگ img ، بازنویسی می کنیم (مشخصه border-width در CSS) :

نتیجه :

خطا - صفحه را دوباره بارگذاری کنید
نویسنده علیرضا گلمکانی
شماره کلید 528
گزینه ها
به اشتراک گذاری (Share) در شبکه های اجتماعی
نظرات 0 0 0

ارسال نظر جدید (بدون نیاز به عضو بودن در وب سایت)