Introduction to HTML5 elements html, head, body, title in hindi
एचटीएमएल5 हाइपरटेक्स्ट वेब डेवलपमेंट स्क्रिप्ट में किसी पर्टिकुलर वेब पेज वेबसाइट लेआउट स्ट्रक्चर को डिज़ाइन और डेवलप करने के लिए कुछ प्रमुख एचटीएमएल5 सिमेंटिक टैग एलिमेंट में <html>, <head>, <body>, <title>, <body>, और <title>, टैग हैं। जहा ये सभी एचटीएमएल5 टैग वेब पेज डिज़ाइन से लेकर वेब डेवलपमेंट में इम्पोर्टेन्ट रोल प्ले करते है. ये टैग एचटीएमएल5 वेब पेज को स्टार्ट से लेकर एन्ड तक प्रॉपर लेआउट फ्रेमवर्क शेप और डिज़ाइन करने में सहायक होते है, जहा हर एचटीएमएल5 टैग एक यूनिक पर्पस के लिए डिज़ाइन और डेवलप किया गया है।
So, let’s know about the major semantic tags in HTML5.
HTML5 <html> Tag.
एचटीएमएल5 हाइपरटेक्स्ट वेब डेवलपमेंट स्क्रिप्ट में <html> टैग या एलिमेंट एचटीएमएल वेब पेज डॉक्यूमेंट डिज़ाइन स्ट्रक्चर में फंडामेंटल टैग है। यह एचटीएमएल5 में सभी अन्य एचटीएमएल5 टैग एलिमेंट को कंबाइन कर बाइंड करता है, यानि एचटीएमएल5 में डेवलप वेब पेज के सभी टैग एचटीएमएल टैग के एक साथ कार्य कर एक वेब पेज क्रिएट करते है।
HTML5 lang attributes.
HTML5 lang attributes – यह आपके मौजूदा वेब पेज की लैंग्वेज को सर्च इंजन या वेब ब्राउज़र में डिफ़ॉल्ट लैंग्वेज को इंडीकेट करता है। जैसे, इंग्लिश वेब पेज के लिए lang=”en”, हिंदी वेब पेज के लिए lang=”hi”, फ़्रेंच के लिए lang=”fr”, आदि है।
Example of HTML5 lang attributes.
<!DOCTYPE html>
<html lang=”hi”>
<!—write your desire html web content here –>
</html>
HTML5 <head> Tag.
एचटीएमएल5 वेब डेवलपमेंट में <head> टैग का उपयोग डिज़ाइन वेब पेज में एचटीएमएल5 डॉक्यूमेंट डिज़ाइन मेटा इनफार्मेशन को डिस्प्ले की जाती है, जहा सामान्यता, हेड टैग में स्टोर इनफार्मेशन वेब ब्राउज़र में डिस्प्ले नहीं होती है, लेकिन ये एचटीएमएल वेब पेज में इम्पोर्टेन्ट रोल प्ले करते है, एचटीएमएल5 हेड टैग वेब पेज मेटा इनफार्मेशन में वेब पेज करैक्टर एन्कोडिंग, वेब पेज टाइटल, एक्सटर्नल सीएसएस लिंक, जावास्क्रिप्ट फाइल लिंक, आदि इनफार्मेशन को लिंक और कनेक्ट करता है।
HTML5 head tag elements.
- HTML <meta> info – मौजूदा एचटीएमएल5 में वेब पेज में कैरेक्टर एन्कोडिंग और वेब पेज मोबाइल ज़ूम व्यूपोर्ट सेटिंग को डिस्प्ले करता है।
- HTML web page <title> – मौजूदा एचटीएमएल5 वेब पेज फाइल का डॉक्यूमेंट टाइटल डिस्प्ले करता है, वेब पेज टाइटल वेब ब्राउज़र टाइटल बार टैब में डिस्प्ले होता है।
- HTML file <link> – मौजूदा एचटीएमएल5 वेब पेज में एक्सटर्नल सीएसएस स्टाइलशीट ऐट्रिब्यूट्स से लिंक करता है।
- HTML <style> styles – मौजूदा एचटीएमएल5 वेब पेज में इंटरनल सीएसएस स्टाइल्स को अप्लाई करता हैं।
- HTML <script> link – मौजूदा एचटीएमएल5 वेब पेज को जावास्क्रिप्ट सोर्स कोड से कनेक्ट करता है।
Head Tag Example in HTML5.
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Head Tag In Html</title>
<link rel=”stylesheet” href=”styles.css”>
<script defer src=”script.js”></script>
</head>
HTML5 <body> tag.
एचटीएमएल5 <body> टैग एलिमेंट में डिज़ाइन वेब पेज में लिखे गए सभी एचटीएमएल5 टैग और ऐट्रिब्यूट्स को ऐड कर डिस्प्ले किया जाता है, यह क्लाइंट वेब ब्राउज़र में डिस्प्ले होने वाले वेब पेज लेआउट में प्रीव्यू सभी टेक्स्ट इनफार्मेशन, इमेज, मल्टीमीडिया, वेबसाइट, वेब पेज, ऑब्जेक्ट को बॉडी के रूप में डिस्प्ले करता है।
HTML5 Body Tag Elements.
- HTML5 <header> tag – एचटीएमएल5 वेब पेज में हैडर मेनू, हैडर लिंक, या वेब पेज, वेबसाइट नेविगेशनल लिंक को क्रिएट करते है।
- HTML5 <nav> tag – मौजूदा एचटीएमएल5 वेब पेज के लिए नेविगेशन लिंक क्रिएट करते है।
- HTML5 <main> tag – एचटीएमएल5 वेब पेज में डॉक्यूमेंट इनफार्मेशन को क्रिएट कर डिस्प्ले करते है।
- HTML5 <section> tag – मौजूदा एचटीएमएल5 वेब पेज में टेक्स्ट, लिंक या डिजिटल इनफार्मेशन को ग्रुप कर सेक्शन में डिस्प्ले करते है।
- HTML5 <article> tag – मौजूदा वेब पेज में एचटीएमएल5 टेक्स्ट में एक स्व-निहित आर्टिकल को रिप्रेसन्ट करता है।
- HTML5 <footer> tag – मौजूदा एचटीएमएल5 वेब पेज डॉक्यूमेंट के फ़ुटर में इम्पोर्टेन्ट फुटर इनफार्मेशन को डिस्प्ले करते है, जैसे, वेबसाइट कॉपीराइट इनफार्मेशन और वेबसाइट कांटेक्ट इनफार्मेशन आदि है।
Body Tag Example in HTML5.
<html>
<body>
<header>
<h1>Simple Html Body Tag</h1>
<nav>
<ul>
<li><a href=”#”>Home</a></li>
<li><a href=”#”>Blog</a></li>
<li><a href=”#”>About Us</a></li>
<li><a href=”#”>Contact Us</a></li>
<li><a href=”#”>Disclaimers</a></li>
</ul>
</nav>
</header>
<footer>
<p>Copuright at © 2024 Vcanhelpsu</p>
</footer>
</body>
</html>
HTML5 <title> tag.
किसी भी एचटीएमएल5 वेब पेज में <title> टैग एलिमेंट का उपयोग वेब पेज टाइटल इनफार्मेशन को डिस्प्ले करता है, याद रहे, वेब पेज टाइटल वेब ब्राउज़र में नई टैब या ओपन वेब ब्राउज़र टाइटल बार विंडो टैब में डिस्प्ले होता है। सामान्यता टाइटल टैग किसी वेब पेज के टाइटल को वेब ब्राउज़र में दर्शाता है।
Title Tag Example in HTML5.
<head>
<title>You Can Add Your Web Page Title Here </title>
</head>
Use of all common tags or attributes in HTML5 web page.
तो चलिए एचटीएमएल5 में एक कॉमन टैग <html>, <head>, <body> और <title> एलिमेंट का उपयोग कर एक वेब पेज बनाए है.
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>All Html Semantic Tag</title>
<link rel=”stylesheet” href=”styles.css”>
</head>
<body>
<header>
<h2>Common Html Semantic Attributes</h2>
</header>
<main>
<section>
<h3>HTML5</h3>
<p>HTML5 Is The Modern Web Development Script Help Us To Design Responsive Web Page</p>
</section>
</main>
<footer>
<p align=center><b>Copyright at © 2024Vcanhelpsu</b></p>
</footer>
</body>
</html>
