किसी चीज़ पर ध्यान आकर्षित करने के लिए HTML में अपने टेक्स्ट को फ़ॉर्मेट करने के कई तरीके हैं। इस पोस्ट में, हम बात करेंगे कि अपने टेक्स्ट को HTML में बोल्ड, इटैलिक या अंडरलाइन कैसे करें। आप कुछ ही समय में एक प्रारूपण समर्थक बन जाएंगे!
बोल्ड
टेक्स्ट को बोल्ड . पर सेट करना HTML5 से पहले HTML में उस टेक्स्ट को शामिल किया गया था जिसे आप <b> . के साथ बोल्ड करना चाहते थे टैग:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>repl.it</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <p>This text is <b>bold</b></p> <script src="script.js"></script> </body> </html>
जब HTML5 मानक जारी किया गया था, तो टेक्स्ट को बोल्ड करने का पसंदीदा तरीका <strong> का उपयोग करके बदल दिया गया था। टैग:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>repl.it</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <p>This text is also <strong>bold</strong></p> <script src="script.js"></script> </body> </html>
<b> . के बीच एकमात्र अंतर और <strong> तत्व शब्दार्थ है। स्क्रीन रीडर <strong> देखेंगे टैग और पाठ को पढ़ने पर स्पष्ट रूप से उस पर अधिक जोर देगा। <b> इसके लिए अनुमति नहीं देता है।
इटैलिक
बोल्ड . के साथ भी ऐसा ही , इटैलिकाइज़्ड टेक्स्ट बनाने के लिए हम दो अलग-अलग मानकों के बारे में जानते हैं। HTML5 मानक से पहले, इटैलिक टेक्स्ट को <i> में इनकैप्सुलेट करके बनाया गया था टैग।
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>repl.it</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <p>This text is in <i>italics</i></p> <script src="script.js"></script> </body> </html>
जैसे ही HTML5 मानक बन गया, <i> अधिक अर्थपूर्ण <em> . के लिए टैग ने रास्ता बनाया उपनाम। "em" जोर . के लिए छोटा है . <em> टैग एक स्क्रीन रीडर को टेक्स्ट पर अधिक जोर देने का संकेत देता है ताकि उपयोगकर्ता सामान्य टेक्स्ट और जोर वाले टेक्स्ट के बीच अंतर कर सके।
81% प्रतिभागियों ने कहा कि बूटकैंप में भाग लेने के बाद उन्हें अपनी तकनीकी नौकरी की संभावनाओं के बारे में अधिक आत्मविश्वास महसूस हुआ। आज ही एक बूटकैंप से मिलान करें।
बूटकैंप शुरू करने से लेकर अपनी पहली नौकरी खोजने तक, औसत बूटकैंप ग्रेड ने करियर संक्रमण में छह महीने से भी कम समय बिताया।
रेखांकित करें
HTML रेखांकित पाठ का उपयोग अक्सर गलत वर्तनी वाले शब्दों को इंगित करने के लिए किया जाता है। हाइपरलिंक के लिए भ्रमित करने वाली जगह पर इसका उपयोग न करें। अपने टेक्स्ट को <u> . से मार्कअप करें फ़ॉर्मेटिंग के लिए इसे चिह्नित करने के लिए टैग करें और फिर सीएसएस का उपयोग करके यह इंगित करें कि आप किस प्रकार की रेखांकन शैली चाहते हैं।
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>repl.it</title>
<style>
p u {
text-decoration: underline red wavy;
}
</style>
</head>
<body>
<p>This is a <u>mispelled</u> word</p>
</body>
</html> निष्कर्ष
इस लेख में हमने HTML में कई फ़ॉर्मेटिंग टैग पर चर्चा की। और के मामले में, हम उनका उपयोग उन तत्वों पर शब्दार्थ लागू करने के लिए करते हैं, जो स्क्रीन पर बोल्ड और इटैलिक दिखते हैं। एक स्क्रीन रीडर पर, उन शब्दों पर जोर दिया जाता है। टैग के साथ, हम टेक्स्ट को रेखांकित करने के लिए इसका उपयोग कर सकते हैं। इन तीनों के अलावा और भी कई फ़ॉर्मेटिंग विकल्प हैं।