HTML <kbd> ট্যাগ

  • পূর্ববর্তী পৃষ্ঠা <ins>
  • পরবর্তী পৃষ্ঠা <label>

নির্দিষ্ট ও ব্যবহার

<kbd> ট্যাগটি কীবোর্ড ইনপুট নির্দিষ্ট করে। এর অন্তর্নিহিত কনটেন্ট ব্রাউজারের ডিফল্ট ইকোনোমিক ফন্টে দেখানো হয়。

সুঝাওয়া:এই ট্যাগটি বর্জিত নয়। কিন্তু, সিএসএস ব্যবহার করে আরও সমৃদ্ধ ফলাফল পাওয়া যায় (নিচের উদাহরণ দেখুন)。

দেখুন:

ট্যাগ বর্ণনা
<code> কম্পিউটার প্রোগ্রামের সাম্পল আউটপুট নির্দিষ্ট করুন。
<samp> কীবোর্ড ইনপুট নির্দিষ্ট করুন。
<var> ভিন্ন বিন্যাস নির্দিষ্ট করুন。
<pre> প্রিফর্ম্যাটিড টেক্সট নির্দিষ্ট করুন。

অন্যান্য দেখুন:

HTML টিউটোরিয়াল:HTML টেক্সট ফরম্যাটিং

HTML DOM রেফারেন্স ম্যানুয়েল:Kbd অবজেক্ট

ইনস্ট্যান্স

উদাহরণ 1

ডকুমেন্টে কিছু টেক্সটকে কীবোর্ড ইনপুট হিসাবে নির্দিষ্ট করুন:

<p>টেক্সট কপি করতে <kbd>Ctrl</kbd> + <kbd>C</kbd> চাপুন (Windows)。</p>
<p>টেক্সট কপি করতে <kbd>Cmd</kbd> + <kbd>C</kbd> চাপুন (Mac OS)。</p>

স্বয়ং প্রয়াস করুন

উদাহরণ 2

কেস সিএসএস দ্বারা <kbd> এলিমেন্টের স্টাইল সেট করুন:

<html>
<head>
<style>
kbd {
  border-radius: 2px;
  padding: 2px;
  border: 1px solid black;
}
</style>
</head>
<body>
<p>টেক্সট কপি করতে <kbd>Ctrl</kbd> + <kbd>C</kbd> চাপুন (Windows)。</p>
<p>টেক্সট কপি করতে <kbd>Cmd</kbd> + <kbd>C</kbd> চাপুন (Mac OS)。</p>
</body>
</html>

স্বয়ং প্রয়াস করুন

গ্লোবাল অ্যাট্রিবিউট

<kbd> ট্যাগটি ইভেন্ট অ্যাট্রিবিউটগুলিকেও সমর্থন করে HTML-এর গ্লোবাল অ্যাট্রিবিউট。

ইভেন্ট অ্যাট্রিবিউট

<kbd> ট্যাগটি ইভেন্ট অ্যাট্রিবিউটগুলিকেও সমর্থন করে HTML-এর ইভেন্ট অ্যাট্রিবিউট。

ডিফল্ট সিএসএস সেটিং

অধিকাংশ ব্রাউজারগুলি নিম্নলিখিত ডিফল্ট মান দেখাবে <kbd> উপাদান:

kbd {
  font-family: monospace;
}

স্বয়ং প্রয়াস করুন

ব্রাউজার সমর্থন

চ্রোম এজ ফায়ারফক্স স্যাফারি অপেরা
চ্রোম এজ ফায়ারফক্স স্যাফারি অপেরা
সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন
  • পূর্ববর্তী পৃষ্ঠা <ins>
  • পরবর্তী পৃষ্ঠা <label>