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

استفاده از Attribute یی تحت عنوان title

گاهی اوقات نیاز داریم تا زمانیکه کاربر نشانگر موس خود را روی یک لینک قرار دهد، اطلاعاتی تکمیلی مثل آدرس کامل لینک یا هر عبارت دیگری برای وی به نمایش در آید. در چنین مواقعی از دستور title استفاده می کنیم. برای این منظور کد زیر را وارد ویرایشگر متن خود می کنیم:

<!DOCTYPE html>
<html>
     
    <head>
        <title>asrefonon</title>
    </head>
     
    <body>
        <a href="http://www.google.com" ; title="Click to go to Google.com">This is a link</a>
    </body>
</html>

همانطور که در کدفوق می بینیم پس از Attribute یی تحت عنوان href یک علامت ; قرار داده سپس کلیدواژه title را می نویسیم (به خاطر داشته باشیم که حرف اول title بایستی با حرف کوچک نوشته شود). پس از قرار دادن یک علامت مساوی داخل دو علامت ”  ” هر آنچه را که می خواهیم پس از قرار دادن نشانگر موس خود روی لینک نمایش داده شود را می نویسیم که در این مثال عبارت Click to go to Google.com به معنی “کلیک کنید تا به سایت گوگل بروید” را می نویسیم. حال پس از ذخیره کردن فایل، آن را داخل مرورگر نمایش می دهیم:

استفاده_از_دستور_title_برای_تگ_های_اچ_تی_ام_ال

می بینیم که با نگه داشتن نشانگر موس خود روی عبارت This is a link اصطلاحاً یک Tooltip به نمایش در می آید که حاوی عبارتی که است که برای دستور title در نظر گرفته ایم.

221

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

پیشنهاد لحظه ای
ارسال دیدگاه

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

این سایت از اکیسمت برای کاهش هرزنامه استفاده می کند. بیاموزید که چگونه اطلاعات دیدگاه های شما پردازش می‌شوند.

توسط
تومان