हाइपरटेक्स्ट उस तरीके को संदर्भित करता है जिसमें वेब पेज (HTML डॉक्यूमेंट्स) एक साथ जुड़े होते हैं। इस प्रकार, वेब पेज पर उपलब्ध लिंक को हाइपरटेक्स्ट कहा जाता है। जैसा कि इसके नाम से पता चलता है, HTML एक मार्कअप लैंग्वेज है जिसका अर्थ है कि आप HTML का उपयोग केवल टेक्स्ट डॉक्यूमेंट को टैग्स के साथ "मार्क-अप" करने के लिए करते हैं जो वेब ब्राउज़र को बताते हैं कि इसे प्रदर्शित करने के लिए कैसे संरचित किया जाए। यह हाइपरटेक्स्ट मार्कअप लैंग्वेज के लिए खड़ा है, और यह वेब पेज लिखने के लिए सबसे व्यापक रूप से उपयोग की जाने वाली भाषा है।
HTML5, HTML मानक का अगला प्रमुख संशोधन है जो HTML 4.01, XHTML 1.0, और XHTML 1.1 को प्रतिस्थापित करता है। HTML5 वर्ल्ड वाइड वेब पर कंटेंट को संरचित और प्रस्तुत करने के लिए एक मानक है। नया मानक वीडियो प्लेबैक और ड्रैग-एंड-ड्रॉप जैसी सुविधाओं को शामिल करता है जो पहले थर्ड-पार्टी ब्राउज़र प्लग-इन्स जैसे Adobe Flash, Microsoft Silverlight, और Google Gears पर निर्भर थे।
HTML Doctype
जब भी आप एक HTML डॉक्यूमेंट बनाते हैं, तो doctype डॉक्यूमेंट में रखी जाने वाली पहली चीज़ होती है। यह वेब ब्राउज़र को HTML के संस्करण के बारे में बताता है जिस पर यह पेज लिखा गया है। यह केस-सेंसिटिव नहीं है।
HTML5 doctype:
<!DOCTYPE html>
HTML कैरेक्टर एन्कोडिंग
HTML में charset एट्रिब्यूट का उपयोग <meta> के साथ कैरेक्टर एन्कोडिंग निर्दिष्ट करने के लिए किया जाता है।
निम्नलिखित सिंटैक्स है:
<meta charset="char_set">
उपरोक्त, char_set HTML डॉक्यूमेंट के कैरेक्टर एन्कोडिंग को निर्दिष्ट करने के लिए कैरेक्टर सेट है।
आइए अब कैरेक्टर एन्कोडिंग निर्दिष्ट करने का एक उदाहरण देखें:
उदाहरण
<!DOCTYPE html> <html> <head> <meta charset = "UTF-8"> </head> <body> <h2>Example</h2> <p>We have added demo text:<p> <textarea rows = "4" cols = "50"> Here, we are mentioned the demo content. This is just to display an example of charset in an HTML document. </textarea><br> <button type = "button">Previous</button> <button type = "button">Next</button> </body> </html>
आउटपुट
HTML हेडिंग्स
कोई भी डॉक्यूमेंट एक हेडिंग से शुरू होता है। आप अपने हेडिंग्स के लिए विभिन्न आकारों का उपयोग कर सकते हैं। HTML में भी हेडिंग्स के छह स्तर होते हैं, जो एलिमेंट्स <h1>, <h2>, <h3>, <h4>, <h5>, और <h6> का उपयोग करते हैं। किसी भी हेडिंग को प्रदर्शित करते समय, ब्राउज़र उस हेडिंग से पहले और बाद में एक लाइन जोड़ता है।
HTML एलिमेंट्स
एक HTML एलिमेंट को एक स्टार्टिंग टैग द्वारा परिभाषित किया जाता है। यदि एलिमेंट में अन्य कंटेंट होता है, तो यह एक क्लोजिंग टैग के साथ समाप्त होता है, जहां एलिमेंट नाम से पहले एक फॉरवर्ड स्लैश होता है।
HTML एट्रिब्यूट्स
एक एट्रिब्यूट का उपयोग HTML एलिमेंट की विशेषताओं को परिभाषित करने के लिए किया जाता है और इसे एलिमेंट के ओपनिंग टैग के अंदर रखा जाता है। सभी एट्रिब्यूट दो भागों से बने होते हैं - एक नाम और एक मान। उदाहरण के लिए:
<canvas id=”newCanvas” width=”400” height=”300”>
अन्य उदाहरणों में शामिल हैं:
<img alt = ”alternate text”>
HTML5 मानक के अनुसार, एट्रिब्यूट के चारों ओर कोट्स शामिल करना अनिवार्य नहीं है, लेकिन कोट्स शामिल करना हमेशा एक अच्छी प्रथा है।
HTML फॉर्मेटिंग
फॉर्मेटिंग का अर्थ है कि हम HTML में वेब पेज पर टेक्स्ट को कैसे फॉर्मेट कर सकते हैं। इसमें बोल्ड टेक्स्ट, इटैलिक टेक्स्ट, स्ट्राइक टेक्स्ट, टेक्स्ट हाइलाइट करना आदि शामिल हैं। आइए एक उदाहरण देखें:
उदाहरण
<!DOCTYPE html> <html> <body> <h2>Tags for formatting text in HTML</h2> <strong>Strong text</strong><br> <b>Bold text</b><br> <em>Emphasized text</em><br> <i>Italic Text</i><br> <mark>Highlighted text</mark> </body> </html>
आउटपुट
HTML कमेंट्स
HTML कमेंट्स को <!-- … --> टैग के बीच रखा जाता है। इसलिए, <!-- … --> टैग के भीतर रखी गई किसी भी सामग्री को कमेंट माना जाएगा और ब्राउज़र द्वारा पूरी तरह से अनदेखा किया जाएगा।
