آموزش زبان HTML (جلسه ۳۱)

تبدیل یک عکس به لینک در اچ تی ام ال (html)

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

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

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

نمایش_تصویر_در_یک_سند_اچ_تی_ام_ال

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

لینک_دادن_به_سایت_گوگل_در_اچ_تی_ام_ال

به همین سادگی!

221

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