HTML <code> टैग

  • पिछला पृष्ठ <cite>
  • अगला पृष्ठ <col>

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

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

सूचना:इस टैग को छोड़ दिया नहीं गया है। लेकिन, एक अधिक भरसे हुए प्रभाव प्राप्त करने के लिए CSS का उपयोग कर सकते हैं (नीचे के उदाहरण को देखें)。

देखें:

टैग वर्णन
<samp> कंप्यूटर प्रोग्राम के नमूना आउटपुट को परिभाषित करें。
<kbd> कीबोर्ड इनपुट को परिभाषित करें。
<var> वेरियेबल परिभाषित करें。
<pre> पूर्व-फॉर्मेटिड टेक्स्ट को परिभाषित करें。

अन्य देखें:

HTML पाठ्यक्रम:HTML टेक्स्ट फॉर्मेटिंग

HTML DOM संदर्भ निर्देशिका:कोड ऑब्जैक्ट

उदाहरण

उदाहरण 1

कुछ टेक्स्ट को दस्तावेज़ में कंप्यूटर कोड के रूप में निर्धारित करें:

<p>HTML <code>button</code> टैग एक क्लिक करने योग्य बटन को परिभाषित करता है。</p>
<p>CSS <code>background-color</code> गुण एलीमेंट के पृष्ठभूमि रंग को परिभाषित करता है。</p>

स्वयं आयात करें

उदाहरण 2

CSS के द्वारा <code> एलीमेंट के शैली निर्धारित करें:

<html>
<head>
<style>
code {
  font-family: Consolas,"courier new";
  color: crimson;
  background-color: #f1f1f1;
  padding: 2px;
  font-size: 105%;
}
</style>
</head>
<body>
<p>HTML <code>button</code> टैग एक क्लिक करने योग्य बटन को परिभाषित करता है。</p>
<p>CSS <code>background-color</code> गुण एलीमेंट के पृष्ठभूमि रंग को परिभाषित करता है。</p>
</body>
</html>

स्वयं आयात करें

वैश्विक प्रकृति

<code> टैग इवेंट प्रकृति का समर्थन करता है HTML में वैश्विक प्रकृति

इवेंट प्रकृति

<code> टैग इवेंट प्रकृति का समर्थन करता है HTML में इवेंट प्रकृति

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

अधिकांश ब्राउज़र निम्नलिखित डिफ़ॉल्ट मूल्यों को प्रदर्शित करेंगे <code> एलीमेंट:

code {
  font-family: monospace;
}

स्वयं आयात करें

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

च्रोम एज फायरफॉक्स सफारी ओपेरा
च्रोम एज फायरफॉक्स सफारी ओपेरा
सापोर्ट सापोर्ट सापोर्ट सापोर्ट सापोर्ट
  • पिछला पृष्ठ <cite>
  • अगला पृष्ठ <col>