امتیاز دهید:

در این ماژول قصد داریم تا عکسی را به یک لینک تبدیل کنیم. برای این منظور کد زیر را وارد ویرایشگر متن خود می کنیم:

<!DOCTYPE html>
<html>
    
    <head>
        <title>Netshahr</title>
    </head>
    
    <body>
        <a href="http://www.google.com/">
            <img src="/images/image.jpg">
        </a>
    </body>
</html>

همانطور که در کد فوق می بینیم از تگ <a> برای لینک دادن به تصویر موجود روی صفحه استفاده کرده ایم. داخل دستور href آدرس کامل سایت گوگل را نوشته ایم (به خاطر داشته باشیم که در لینک هایی به که به خارج از سایت ارجاع داده می شوند می بایست پروتوکل http:// را بنویسیم.)
حال مجدد مرورگر را به روز رسانی می کنیم:

لینک دادن به یک عکس در html

می بینیم که با قرار دادن نشانگر موس خو روی تصویر، نشانگر موس تبدل به دست می شود و این بدان معنا است که این تصویر به یک لینک تبدیل شده است. حال با کلیک روی آن قادر خواهیم بود تا به آدرس مد نظر برویم:

لینک دادن به یک عکس در html بخش 2


نظرات
نظرات
  • سجاد :

    سلام خیلی ممنون از شما


    1395/07/07 08:05:16
  • رودابه :

    سلام. میخواستم وقتی روی جاهای مختلف یک عکس کلیک میکنم لینک جدید باز بشه.میشه کدش رو بذارید روی سایت. ممنون میشم.خیلی فوریه


    1395/01/22 04:47:45
  • شیما :

    سلام، وقت بخیر از این که بی دریغ وقتتونو در اختیار ما قرار می دید نهایت سپاس دارم اگه امکانش هست راهنماییم کنید من (متن و عکس)لینک شده می خوام کنار هم قرار بدم ولی متن و عکس جدا از هم قرار می گیرن.ممنون


    1394/09/06 08:15:48
  • بهزاد مرادی :

    سلام،
    بدون شک در این موارد، مشکل از آدرس دهی شما به آن تصویر است. آدرس و نام عکس را چک بفرمایید.


    با سپاس فراوان
    بهزاد مرادی
    تیم تولید محتوای نت شهر


    1393/05/19 07:43:52
  • mnr73 :

    در پاسخ به بهزاد مرادی"]سلام،
    چک بفرمایید که عکس دقیقاً در همان فولدری باشد که فایل index.html داخل آن قرار دارد. علاوه بر این، زمانی که به عکس لینک می دهید، از درست بودن نام فایل و اینکه حتماً پسوند فایل هم نوشته شده باشد اطمینان حاصل کنید.


    با تشکر فراوان از شما
    بهزاد مرادی[/quote]
    [quote name="بهزاد مرادی

    سلام،
    چک بفرمایید که عکس دقیقاً در همان فولدری باشد که فایل index.html داخل آن قرار دارد. علاوه بر این، زمانی که به عکس لینک می دهید، از درست بودن نام فایل و اینکه حتماً پسوند فایل هم نوشته شده باشد اطمینان حاصل کنید.


    با تشکر فراوان از شما
    بهزاد مرادی



    سلام آقای مرادی عکس من در فولدری نبود که فایل index قرار داشت ولی ادرس عکس رو وارد کرده بودم در قسمت های قبل این روش جوابگو بود ولی در این قسمت حتما باید درون فولدر قرار میگرفت.چرا؟


    1393/05/17 16:12:08
  • بهزاد مرادی :

    سلام،
    چک بفرمایید که عکس دقیقاً در همان فولدری باشد که فایل index.html داخل آن قرار دارد. علاوه بر این، زمانی که به عکس لینک می دهید، از درست بودن نام فایل و اینکه حتماً پسوند فایل هم نوشته شده باشد اطمینان حاصل کنید.


    با تشکر فراوان از شما
    بهزاد مرادی


    1393/05/14 08:30:02
  • mnr73 :

    سلام خسته نباشید
    ممنونم از آموزشهای خوبتون
    در این قسمت بعد از اجرای برنامه عکسی که در پروژه قرار دادم باز نمیشه لطفا راهنمایی کنید


    1393/05/13 08:56:06