HTML में टेलीटाइप (मोनोस्पेस) टेक्स्ट कैसे बनाएं?

HTML में टेलीटाइप या मोनोस्पेस टेक्स्ट प्रदर्शित करने के लिए <tt> टैग का उपयोग किया जाता था। यह टेक्स्ट को फिक्स्ड-विड्थ फॉन्ट में दिखाता है।

महत्वपूर्ण चेतावनी: <tt> टैग HTML5 में समर्थित नहीं है और इसे निरस्त (deprecated) माना जाता है। इसका उपयोग न करें।

आधुनिक विकल्प

टेलीटाइप/मोनोस्पेस टेक्स्ट के लिए निम्नलिखित आधुनिक विकल्पों का उपयोग करें:

टैग/तरीका	उपयोग	उदाहरण
`<code>`	इनलाइन कोड स्निपेट्स	`const x = 10;`
`<kbd>`	कीबोर्ड इनपुट	`Ctrl` + `C`
`<samp>`	प्रोग्राम आउटपुट	`Error: File not found`
`<pre>`	बहु-लाइन कोड ब्लॉक	नीचे देखें
CSS `font-family: monospace`	कस्टम मोनोस्पेस स्टाइलिंग	मोनोस्पेस टेक्स्ट

उदाहरण (आधुनिक तरीका)

<!DOCTYPE html>
<html>
  <head>
    <title>मोनोस्पेस टेक्स्ट</title>
    <style>
      .mono { font-family: 'Courier New', Courier, monospace; }
    </style>
  </head>
  <body>
    <p>इनलाइन कोड: <code>console.log('Hello')</code></p>
    <p>कीबोर्ड शॉर्टकट: <kbd>Ctrl</kbd> + <kbd>S</kbd></p>
    <pre><code>function hello() {
  console.log('नमस्ते दुनिया');
}</code></pre>
    <p class="mono">कस्टम मोनोस्पेस क्लास</p>
  </body>
</html>

पुराना उदाहरण (केवल संदर्भ के लिए)

<!DOCTYPE html>
<html>
  <head>
    <title>HTML tt Tag</title>
  </head>
  <body>
    <p>पुराना तरीका</p>
    <tt>यह टेलीटाइप टेक्स्ट है</tt>
  </body>
</html>