एचटीएमएल संदर्भ

वर्णमाला द्वारा HTML श्रेणी के अनुसार HTML एचटीएमएल ब्राउज़र समर्थन एचटीएमएल गुण HTML वैश्विक गुण एचटीएमएल घटनाक्रम एचटीएमएल रंग एचटीएमएल कैनवास एचटीएमएल ऑडियो/वीडियो एचटीएमएल कैरेक्टर सेट एचटीएमएल सिद्धांत एचटीएमएल यूआरएल एनकोड एचटीएमएल भाषा कोड एचटीएमएल देश कोड HTTP संदेश HTTP तरीके पीएक्स से ईएम कन्वर्टर कुंजीपटल अल्प मार्ग


एचटीएमएल <kbd> टैग


उदाहरण

किसी दस्तावेज़ में कुछ टेक्स्ट को कीबोर्ड इनपुट के रूप में परिभाषित करें:

<p>Press <kbd>Ctrl</kbd> + <kbd>C</kbd> to copy text (Windows).</p>

<p>Press <kbd>Cmd</kbd> + <kbd>C</kbd> to copy text (Mac OS).</p>

नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।


परिभाषा और उपयोग

<kbd>टैग का उपयोग कीबोर्ड इनपुट को परिभाषित करने के लिए किया जाता है अंदर की सामग्री ब्राउज़र के डिफ़ॉल्ट मोनोस्पेस फ़ॉन्ट में प्रदर्शित होती है।

युक्ति: यह टैग बहिष्कृत नहीं है। हालांकि, सीएसएस का उपयोग करके बेहतर प्रभाव प्राप्त करना संभव है (नीचे उदाहरण देखें)।

यह भी देखें:

Tag Description
<code> Defines a piece of computer code
<samp> Defines sample output from a computer program
<var> Defines a variable
<pre> Defines preformatted text

ब्राउज़र समर्थन

Element
<kbd> Yes Yes Yes Yes Yes


वैश्विक गुण

<kbd>टैग HTML में वैश्विक विशेषताओं का भी समर्थन करता है


घटना गुण

<kbd>टैग HTML में ईवेंट विशेषताओं का भी समर्थन करता है


और ज्यादा उदाहरण

उदाहरण

<kbd> तत्व को स्टाइल करने के लिए CSS का उपयोग करें:

<html>
<head>
<style>
kbd {
  border-radius: 2px;
  padding: 2px;
  border: 1px solid black;
}
</style>
</head>
<body>

<p>Press <kbd>Ctrl</kbd> + <kbd>C</kbd> to copy text (Windows).</p>
<p>Press <kbd>Cmd</kbd> + <kbd>C</kbd> to copy text (Mac OS).</p>

</body>
</html>

संबंधित पृष्ठ

HTML ट्यूटोरियल: HTML टेक्स्ट फ़ॉर्मेटिंग

एचटीएमएल डोम संदर्भ: केबीडी ऑब्जेक्ट


डिफ़ॉल्ट सीएसएस सेटिंग्स

अधिकांश ब्राउज़र <kbd>निम्न डिफ़ॉल्ट मानों के साथ तत्व प्रदर्शित करेंगे:

उदाहरण

kbd {
  font-family: monospace;
}