HTML में अंडरलाइन (रेखांकित) टेक्स्ट कैसे बनाएं?

HTML में टेक्स्ट को रेखांकित (अंडरलाइन) करने के लिए <u> टैग का उपयोग किया जाता था।

आधुनिक तरीका: CSS का उपयोग करें

टेक्स्ट को रेखांकित करने के लिए CSS text-decoration प्रॉपर्टी का उपयोग करें:

इनलाइन स्टाइल

<p>यह <span style="text-decoration: underline;">रेखांकित टेक्स्ट</span> है।</p>

CSS क्लास

<style>
  .underline { text-decoration: underline; }
  .underline-dotted { text-decoration: underline dotted red; }
  .underline-double { text-decoration: underline double blue; }
</style>

<p class="underline">सरल रेखांकन</p>
<p class="underline-dotted">बिंदीदार लाल रेखांकन</p>
<p class="underline-double">दोहरी नीली रेखांकन</p>

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

<!DOCTYPE html>
<html>
  <head>
    <title>HTML u Tag</title>
  </head>
  <body>
    <u>Qries.com</u> अगली पीढ़ी का ज्ञान प्रबंधन प्रणाली है।
  </body>
</html>

सिमेंटिक विकल्प

• महत्वपूर्ण टेक्स्ट: <strong> या <em> का उपयोग करें
• हाइपरलिंक: <a> टैग (डिफ़ॉल्ट रूप से रेखांकित होता है)
• गलत वर्तनी चिह्नित करना: <u> का सिमेंटिक उपयोग (HTML5 में पुनर्परिभाषित)
• चीनी नाम चिह्न: उचित सिमेंटिक टैग का उपयोग करें