HTML Entities Free web designing Course Tutorials #11
HTML Entities
यह ट्यूटोरियल HTML में उपयोग की जाने वाली विभिन्न संस्थाओं के बारे में है। एक इकाई पाठ का एक टुकड़ा है ("स्ट्रिंग") जो ’& 'से शुरू होता है और एक a के साथ समाप्त होता है।' ये अक्सर आरक्षित वर्ण, और अदृश्य वर्ण प्रदर्शित करने के लिए उपयोग किए जाते हैं। हमेशा की तरह, आइए tut11.html के रूप में एक नई HTML फ़ाइल बनाकर ट्यूटोरियल शुरू करें और HTML के मूल टेम्पलेट को प्राप्त करने के लिए एक त्वरित बॉयलरप्लेट जोड़ें। <Title> टैग में HTML Entities के रूप में शीर्षक दें।
नीचे दिए गए उदाहरण के साथ समझने की कोशिश करें। यदि हम कोड के रूप में लिखते हैं
<div class= “container”>
<p>This is a Paragraph</p>
</div>
<div class= “container”>
<p>This is another Paragraph</p>
</div>
यदि हम इन ग्रंथों के बीच में कुछ रिक्त स्थान जोड़ते हैं तो आप क्या उम्मीद करेंगे?
आप आमतौर पर कहेंगे कि सभी अतिरिक्त स्थान वेबपृष्ठ पर वापस दिखाई देंगे। लेकिन यह वैसा नहीं है। क्योंकि HTML सभी अतिरिक्त स्थानों को एक ही स्थान के रूप में मानता है और उन सभी को स्वचालित रूप से हटा देता है। इसलिए, यदि आप अतिरिक्त रिक्त स्थान या किसी विशेष वर्ण का उपयोग करना चाहते हैं, तो आपको HTML संस्थाओं का उपयोग करना होगा। अतिरिक्त स्थान प्राप्त करने के लिए हम उस विशेष पाठ के बाद & nbsp (गैर-ब्रेकिंग स्पेस) का उपयोग कर सकते हैं। उदाहरण के लिए-
<div class= “container”>
<p>This is another   Paragraph</p>
</div>
इस तरह से लिखकर, हम दूसरे शब्द के बाद 1 अतिरिक्त स्थान बना सकते हैं। पांच और nbsp जोड़कर, हम 5 अतिरिक्त स्थान प्राप्त कर सकते हैं। हालाँकि, मैं इस पद्धति का उपयोग करने की अनुशंसा नहीं करता क्योंकि यह अव्यवसायिक दिखती है। हम सीएसएस में मार्जिन, पैडिंग या चयनकर्ताओं की मदद से अतिरिक्त स्थान बनाना सीखेंगे जो अधिक पेशेवर दिखता है।
कुछ विशेष वर्ण लिखने के लिए भी एंटिटीज का उपयोग किया जाता है, जिसे आप कीबोर्ड से नहीं लिख सकते हैं और उन शब्दों को भी जो HTML में आरक्षित हैं। उदाहरण के लिए, यदि हम चाहते हैं कि <p> परिणाम में दिखाई दे, तो यह संस्थाओं की सहायता के बिना संभव नहीं है।
<div class= “container”>
<p>This is another Paragraph<p></p>
</div>
उपरोक्त कोड लिखने से, हम देखेंगे कि हम अपने परिणाम में <p> प्राप्त नहीं कर सकते हैं। इसलिए, इसका समाधान यह है कि हम HTML संस्थाओं की मदद ले सकते हैं। हमें इस प्रारूप में लिखना होगा-
<div class= “container”>
<p>This is another Paragraph <p> </p>
</div>
विभिन्न आरक्षित वर्णों और सैकड़ों विशेष वर्णों की एक सूची है जो आप संस्थाओं के बिना नहीं लिख सकते। उपलब्ध उन सभी संस्थाओं को सीखने की आवश्यकता नहीं है। आप हमेशा उपलब्ध विभिन्न संदर्भों की मदद लेने के लिए स्वतंत्र हैं।
तो, यह सब इस ट्यूटोरियल के लिए है और मुझे आशा है कि आपको HTML संस्थाओं के बारे में बुनियादी जानकारी मिल गई है। यदि आपके पास अभी भी कोई प्रश्न हैं, तो बेझिझक पूछें।
Code:-
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>HTML Entities</title>
</head>
<body>
<div class="container">
<p>This is a paragraph</p>
</div>
<div class="container">
<p>This is another paragraph with two spaces</p>
<p>Paragraph is written like this <p> </p>
<p>Pound is written like this £ </p>
<p>Copyright is written like this © </p>
<p>Another character is ⇛ </p>
<p>Another character is ¼ </p>
<p>Empty character is written like this </p>
</div>
</body>
</html>
