آموزش و يادگيري تگ kbd در HTML

در اين بخش از دوره آموزش HTML در آموزش دون ، با تگ <kbd> آشنا مي‌شويم. اين تگ براي نمايش ورودي‌هاي صفحه‌کليد يا کليدهايي که کاربر بايد فشار دهد استفاده مي‌شود و معمولاً متن داخل آن با فونت مونو اسپيس و شبيه کليد نمايش داده مي‌شود.

تگ kbd در HTML چيست؟

تگ <kbd> براي مشخص کردن متن‌هايي است که به عنوان ورودي صفحه‌کليد در نظر گرفته مي‌شوند. اين تگ بيشتر در راهنماها، آموزش‌ها يا دستورالعمل‌هاي نرم‌افزاري کاربرد دارد تا نشان دهد کاربر بايد يک کليد يا ترکيبي از کليدها را فشار دهد.

مثال ساده از تگ kbd

<p>براي کپي کردن متن، کليد <kbd>Ctrl</kbd> + <kbd>C</kbd> را فشار دهيد.</p>

در اين مثال، متن داخل تگ <kbd> نشان‌دهنده کليدهايي است که کاربر بايد فشار دهد و مرورگر آن را شبيه کليد نمايش مي‌دهد.

ويژگي‌هاي مهم تگ kbd

مثال با استايل CSS

<style>
  kbd {
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 2px 6px;
    font-family: monospace;
    color: #333;
  }
</style>

<p>براي کپي کردن متن، کليد <kbd>Ctrl</kbd> + <kbd>V</kbd> را فشار دهيد.</p>

نکات مهم درباره kbd

• تگ <kbd> براي نشان دادن ورودي‌هاي صفحه‌کليد استفاده مي‌شود.
• مي‌توان با CSS ظاهر آن را شبيه کليد واقعي يا دلخواه تغيير داد.
• معمولاً همراه با تگ‌هايي مانند <code> و <samp> براي آموزش و مستندات نرم‌افزاري استفاده مي‌شود.

براي يادگيري کامل نحوه نمايش ورودي‌ها و راهنماهاي تعاملي در صفحات وب، پيشنهاد مي‌کنيم در دوره آموزش HTML و CSS آموزش دون شرکت کنيد.

براي مشاهده تمام آموزش‌هاي HTML، به صفحه اصلي آموزش دون مراجعه کنيد.