Basic HTML Tags And Elements

Basic HTML Tags And Elements - HTML और HTTP दोनों का आविष्कार Tim Berners- Lee ने किया था, जो उस समय एक स्विस शोध संस्थान में कंप्यूटर और नेटवर्किंग विशेषज्ञ के रूप में काम कर रहे थे। वह संस्थान के शोधकर्ताओं को एक सरल मार्कअप भाषा देना चाहते थे, जिससे वे अपने शोध पत्र इंटरनेट के माध्यम से साझा कर सकें। मानक सामान्यीकृत मार्कअप भाषा (SGML) पर Tim Berners- Lee आधारित HTML, विभिन्न भौतिक उपकरणों पर प्रस्तुति के लिए पाठ को चिह्नित करने के लिए एक अंतरराष्ट्रीय मानक। SGML का मूल विचार यह है कि दस्तावेज़ की संरचना को उसकी प्रस्तुति के रूप में अलग किया जाना चाहिए:संरचना एक दस्तावेज़ के विभिन्न घटकों या भागों को संदर्भित करती है जिसे लेखक बनाते हैं, जैसे शीर्षक, पैराग्राफ, शीर्षक और सूचियाँ।

प्रेजेंटेशन से तात्पर्य है कि इन विभिन्न घटकों को वास्तव में किसी दिए गए मीडिया डिवाइस, जैसे कंप्यूटर या प्रिंटर द्वारा प्रदर्शित किया जाता है।

HTML Elements

HTML दस्तावेज़ HTML तत्वों से बनी टेक्स्ट फ़ाइलें हैं।

HTML तत्वों को HTML टैग्स का उपयोग करके परिभाषित किया जाता है।

HTML Tags

HTML टैग का उपयोग HTML तत्वों को चिह्नित करने के लिए किया जाता है।
HTML टैग दो अक्षरों <and> से घिरे होते हैं।
आसपास के characters को angle brackets कहा जाता है।
HTML टैग आमतौर पर जोड़े में आते हैं जैसे <b> और </b>
एक जोड़ी में पहला टैग Start टैग है, दूसरा टैग अंत टैब है
प्रारंभ और अंत टैग के बीच का element content है
HTML टैग case sensitive नहीं होते हैं, <b> का अर्थ <B> के समान होता है।

HTML Elements

HTML example for Elements

<html>
<head>
<title> Page Title </title>
</head>
<body>
Here is my First Page.
<b> Enter you text here bold. </b>
</body>
</html>

This is an HTML element:

<b> Our text is bold </b>

यह HTML element एक स्टार्ट टैग से शुरू होता है:

<b>

HTML element की content है: Our text is bold.

HTML element एंड टैग के साथ समाप्त होता है </b>

<b> टैग का उद्देश्य एक HTML element को परिभाषित करना है जिसे बोल्ड के रूप में प्रदर्शित किया जाना चाहिए।

This is also an HTML element :
<body>

Here is my First Page. <b> Our text is bold </b>
</body>

<body> टैग का उद्देश्य HTML element को परिभाषित करना है जिसमें HTML document का मुख्य भाग होता है।

हम lowercase टैग का उपयोग क्यों करते हैं?

हमने अभी कहा है कि HTML टैग्स केस सेंसिटिव नहीं होते हैं: <B> का अर्थ है सीम <b>। यदि आप वेब पर सर्फ करते हैं, तो आप देखेंगे कि बहुत सी वेबसाइटें अपने सोर्स कोड में अपरकेस HTML टैग्स का उपयोग करती हैं। हम हमेशा lowercase टैग का उपयोग करते हैं। क्यों ?

यदि आप नवीनतम वेब मानकों का पालन करना चाहते हैं, तो आपको हमेशा लोअरकेस टैग का उपयोग करना चाहिए। वर्ल्ड वाइड वेब कंसोर्टियम अपने एचटीएमएल 4 अनुशंसा में टैग की सिफारिश करता है, और एक्सएचटीएमएल लोअरकेस टैग की मांग करता है।

Basic HTML Tags

HTML में सबसे महत्वपूर्ण टैग टैग हैं जो शीर्षक, पैराग्राफ और लाइन ब्रेक को परिभाषित करते हैं। HTML सीखने का सबसे अच्छा तरीका उदाहरणों के साथ काम करना है। हमने आपके लिए एक बहुत अच्छा HTML संपादक बनाया है। इस संपादक के साथ, यदि आप चाहें तो HTML स्रोत कोड को संपादित कर सकते हैं, और परिणाम देखने के लिए test बटन पर क्लिक कर सकते हैं।

The Overall Structure : HTML, Head, and Body

सभी HTML दस्तावेज़ों में तीन, दस्तावेज़ स्तर के टैग समान होते हैं। ये टैग, <html> , <head>, और <body> , HTML दस्तावेज़ के कुछ अनुभागों को परिसीमित करते हैं।

The <html> tag

<html> टैग पूरे HTML दस्तावेज़ को घेर लेता है। यह टैग क्लाइंट ब्राउज़र को बताता है कि दस्तावेज़ कहाँ से शुरू और समाप्त होता है

<html>

....हमारे दस्तावेज़ सामग्री......

</html>

HTML के पिछले संस्करणों में <html> टैग के भीतर अतिरिक्त भाषा विकल्प घोषित किए गए थे। हालांकि उन विकल्पों को HTML संस्करण 4.0 में बहिष्कृत कर दिया गया है। दस्तावेज़ प्रकार की घोषणा (<!DOCTYPE>) में भाषा और दिशात्मक जानकारी नियमित रूप से निहित होती है।

The <head> tag

<head> टैग HTML दस्तावेज़ के शीर्षक को परिसीमित करता है। दस्तावेज़ों के शीर्षक section में दस्तावेज़ के लिए कुछ शीर्षक जानकारी होती है। दस्तावेज़ का शीर्षक, मेटा जानकारी, और, अधिकांश मामलों में, दस्तावेज़ स्क्रिप्ट सभी <head> section में निहित हैं। एक विशिष्ट <title> section निम्न के जैसा हो सकता है।

<head>
<link rel="stylesheet" type="text/css" href="/styles.css">
<title. Document Title </title>
<meta name="description''content="Sample Page">
<meta name="keywords"content="Sample, heading, page">
<script language="JavaScript">
function New Window (url)}
fin=window.open(url,"",
"with=800,height=600,scrollbars=yes, resizable=yes");
}
</script>
</head>

<head> section में अधिकांश सामग्री क्लाइंट के ब्राउज़र में रेंडर किए गए पृष्ठ पर दिखाई नहीं देगी। <title> element यह निर्धारित करता है कि ब्राउज़र विंडोज़ मशीनों पर पृष्ठ शीर्षक के रूप में क्या प्रदर्शित करता है, दस्तावेज़ का शीर्षक ब्राउज़र के शीर्षक बार में दिखाई देता है.

HTML दस्तावेज़ की मुख्य, दृश्य सामग्री <body> टैग के भीतर समाहित है। ऐसा नहीं है कि HTML संस्करण 4.0 के साथ, <body> टैग की अधिकांश विशेषताओं को विशेषताओं को शैलियों के रूप में निर्दिष्ट करने के पक्ष में हटा दिया गया है। HTML के पिछले संस्करणों में, आप दस्तावेज़ पृष्ठभूमि, टेक्स्ट और लिंक रंगों सहित विकल्पों की एक बड़ी संख्या निर्दिष्ट कर सकते हैं। <body> टैग की लोड और अनलोड विशेषताओं के साथ-साथ शैली जैसी वैश्विक विशेषताएँ अभी भी मान्य हैं। हालांकि, आपको <body के बजाय शैलियों में अन्य विशेषताओं को निर्दिष्ट करना चाहिए। टैग, जैसे उदाहरण में- :

<html>

<head>

<title> Title of Documents</title>

body {background:black;color:white}

a:link {color:red}

a:visited {color:blue}

a:active {color:yellow}

</style>

</head>

<body>

....Text Goes Here...

</body>

</html>

The Head Element

Head element में एक दस्तावेज़ के बारे में सामान्य जानकारी होती है, जिसे meta जानकारी भी कहा जाता है। meta का अर्थ है "सूचना के बारे में"।

आप कह सकते हैं कि meta -डेटा का अर्थ है डेटा के बारे में जानकारी, या meta जानकारी का अर्थ है जानकारी के बारे में जानकारी।

Head Element के अंदर की जानकारी

हेड एलिमेंट के अंदर के तत्वों को ब्राउज़र द्वारा प्रदर्शित नहीं किया जाना चाहिए।

HTML मानक के अनुसार हेड सेक्शन के अंदर केवल कुछ टैग ही वैध होते हैं। ये : <base> , <link>, <meta> , <title>, <style., and <script>.

निम्नलिखित following illegal construct देखें:

<head>

</head>

इस मामले में ब्राउज़र के पास दो विकल्प हैं:

पाठ प्रदर्शित करें क्योंकि यह एक paragraph element के अंदर है

टेक्स्ट छुपाएं क्योंकि यह एक head element के अंदर है

यदि आप एक HTML element जैसे <h1> या <p> को इस तरह के head element के अंदर रखते हैं, तो अधिकांश ब्राउज़र इसे प्रदर्शित करेंगे, भले ही यह illegal हो।

Head Tags

<head> - Documents के बारे में जानकारी को Define करता है।
<title> - Title को Define करता है।
<base> - एक पृष्ठ पर सभी लिंक के लिए एक आधार URL को define करता है।
<link> - Resource reference को define करता है।
<meta> - Meta information को define करता है.
<!DOCTYPE> - Documents प्रकार को define करता है। यह टैग <html> प्रारंभ टैग से पहले है।

Headings

HTML में छह पूर्वनिर्धारित heading tags हैं। Headings <h> टैग का उपयोग करते हैं जिसमें heading की संख्या होती है।

<h1> टैग headings के उच्चतम स्तर को निर्दिष्ट करता है, जबकि <h6> headings के निम्नतम स्तर को निर्दिष्ट करता है।

अधिकांश दस्तावेज़ों की तरह, HTML Documents उच्च-स्तरीय headings को निर्दिष्ट करने के लिए बड़े फ़ॉन्ट का उपयोग करते हैं। उदाहरण -

<html>
<head>
<title> Heading Tags Goes Here </title>
</head>
<h1> Heading Level - 1 </h1>
<h1> Heading Level - 2 </h1>
<h1> Heading Level - 3 </h1>
<h1> Heading Level - 4 </h1>
<h1> Heading Level - 5 </h1>
<h1> Heading Level - 6 </h1>

<p> Normal Text Goes Here </p>

</body>

</html>

पैराग्राफ को <p> टैग से define किया जाता है।

<p> Paragraph Text Goes Here </p>
<p> Another Text for Paragraph </p>

Line Breaks

<br> टैग का उपयोग तब किया जाता है जब आप एक लाइन को तोड़ना चाहते हैं, लेकिन एक नया पैराग्राफ शुरू नहीं करना चाहते हैं। <br> टैग एक लाइन ब्रेक को बाध्य करता है जहां भी आप इसे रखते हैं। Example - <p> Com <br> puter </p>

Final Words

Friends , हमने इस Basic HTML Tags And Elements पोस्ट में आपको HTML के एलिमेंट्स बताये है. इन Html elements को use करने में आपको कोई परेशानी आती हो तो आप हमे अवश्य बताये। हम आपकी सहायता जरूर करेंगे। धन्यवाद

Basic HTML Tags And Elements

HTML Elements