HTML Document Has Two Main Parts

HTML Document Has Two Main Parts
1. Head: The head (हेड) element contains title and Meta data of a web document.
हेड: हेड एलिमेंट में किसी भी वेब डॉक्यूमेंट के हेड में टाइटल और मेटा डेटा होता है।
2. Body: The body (बॉडी) element contains the information that you want to display on a web page.
बॉडी: बॉडी एलिमेंट में वह जानकारी होती है जिसे आप वेब पेज पर प्रदर्शित करना चाहते हैं।
Below figure shows the basic structure of HTML…
नीचे का फीगर एचटीएमएल के बेसिक स्ट्रक्चर को दर्शाता है

<! DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>TITLE TEXT </TITLE>
</HEAD>
<BODY>
<H1>Heading</H1>
<P>Paragraph 1</P>
<P>Paragraph 2</P>
</BODY>
</HTML>

Besides this, HTML page has also some other elements which are given below:
इसके अलावा एचटीएमएल पेज में कुछ अन्य एलिमेन्ट भी हैं, जो नीचे दिए गए हैं
• The first line of code, <! DOCTYPE html>, is called a doctype declaration and tells the browser which version of HTML the page is written in. In this case, we’re using the doctype that corresponds to HTML5, the most up-to-date version of the HTML language. There are a number of different doctype declarations that correspond to various versions of HTML.
कोड की पहली लाईन, <!DOCTYPE html>, एक doctype डिक्लेरेशन कहलाती है और ब्राउजर को बताती है कि पेज का HTML code किस वर्जन में लिखा गया है। इस मामले में, हम doctype का उपयोग कर रहे हैं जो HTML5 से मेल खाता है, और एचटीएमएल लैंग्वेज का सबसे अधिक अपडेटेड वर्जन है। HTML के विभिन्न वर्जनो के अनुरूप कई अलग-अलग डॉक्टाइप डिक्लेरेशन बनाए गए हैं।
• The <html> (एचटीएम्एल) tag tells the browser that this is an HTML document. The <html> (एचटीएम्एल) tag represents the root of an HTML document. The <html> tag is the container for all other HTML elements (except for the <! DOCTYPE> tag).
<html> टैग ब्राउजर को बताता है कि यह एक HTML डॉक्यूमेंट है। <html> टैग एक HTML डॉक्यूमेंट के रूट को रिप्रेजेन्ट करता है। <html> टैग अन्य सभी HTML एलिमेन्टो (<! DOCTYPE>टैग को छोड़कर) के लिए कंटेनर की तरह कार्य करता है।

• The<head> tag is another tag used in the HTML document used at the initial and primary level to put a heading to be displayed in the browser window. We put the information between the opening and closing of this tag which gives the information about the page.
<Head> टैग एक अन्य टैग है जिसका उपयोग HTML डॉक्यूमेंट में प्रारंभिक और प्राथमिक स्तर पर उपयोग किया जाता है ताकि ब्राउजर विंडो में प्रदर्शित होने के लिए शीर्षक डाला जा सके। हम अपने इन्फार्मेशन को ओपनिंग और क्लोजिंग टैग के बीच रखते हैं ताकि यह पेज के बारे मे कुछ इन्फार्मेशन बताये।
• <title> tag is a primary level or entry level HTML tag which is used to assign title information at the title bar to be displayed at the title bar of a web browser you will be using.
<title> टैग एक प्राथमिक स्तर या प्रवेश स्तर का HTML टैग है, जिसका उपयोग टाइटल बार पर टाइटल की जानकारी प्रदान करने के लिए किया जाता है जिसे आप उपयोग किए जा रहे वेब ब्राउजर के टाईटल बार में प्रदर्शित करेंगे।
• The text between <body>……</body> tag describes the visible page content. This is another HTML tag which is considered the main part of the HTML document which contains the entire information related to a web page tried to be shown in the web page by web designer. As you ended every tag you used in the HTML document earlier above, in the same way you will be putting the closing tag of <body> tag following with </body>.
<body>……</body> टैग में लिखा गया टेक्स्ट किसी पेज के कन्टेट जो ब्राउजर पर दिखाई देंगे का वर्णन करता है। यह एक और HTML टैग है जिसे HTML डाक्यूमेंट का मुख्य भाग माना जाता है जिसमें वेब पेज से संबंधित पूरी जानकारी होती है जिसे वेब डिजाइनर द्वारा वेब पेज में दिखाने की कोशिश की जाती है। जैसा कि आपने ऊपर HTML डॉक्यूमेंट में उपयोग किए गए प्रत्येक टैग को बंद कर दिया था, उसी तरह आप <body> टैग को भी क्लोसिंग टैग </body> के साथ लगायेंगे और बन्द कर देंगे।
• The text between <h1> and </h1> describes a heading.
<h1> और </h1> के बीच का टेक्स्ट एक शीर्षक का वर्णन करता है।
The text between <p> and </p> describes a paragraph.
<p> और </p> के बीच का टेक्स्ट पैराग्राफ का वर्णन करता है।
Writing a Program Using HTML in Notepad –
नोटपैड पर एचटीएमएल का उपयोग करके एक प्रोग्राम लिखना
However, for learning HTML (एचटीएम्एल) we recommend a text editor like Notepad (PC) or TextEdit (Mac). We believe using a simple text editor is a good way to learn HTML (एचटीएम्एल). Follow the steps given below to create your first web page with Notepad (नोटपैड).
हालांकि, HTML सीखने के लिए हम नोटपैड (पीसी) या टेक्स्ट एडिट (मैक) जैसे टेक्स्ट एडिटर पर कार्य करने की सलाह ते हैं। हम मानते हैं कि एक साधारण टेक्स्ट एडिटर का उपयोग करना HTML सीखने का एक अच्छा तरीका है। नोटपैड के साथ अपना पहला वेब पेज बनाने के लिए नीचे दिए गए चरणों का पालन करें।
Step 1: Click on Start button–>Select All Programs–>Accessories –>Select Notepad and Click it.
स्टार्ट बटन पर क्लिक करें ->सेलेक्ट आल प्रोग्राम-> उसके बाद एसेसरीज पर क्लिक करें, और अंत में नोटपैड सेलेक्ट करके क्लिक करें।
Step 2: Write HTML coding. HTML कोडिंग को लिखें

<html>
<head>
<title> Gyancs Student Help</title>
</head>
<body>
<H1>Welcome to Gyancs... </H1>
<p>This is our First web page...</p>
</body>
</html>

Step 3: Select File Menu-> Save as in the Notepad Application.
File Menu–> Save as को सेलेक्ट करे नोटपैड एप्लिकेशन में।
Step 4: Name the file “First.html” or any other name ending with .html or .htm.
फाइल का नाम “First.html ” या .html या .htm के साथ समाप्त होने वाला कोई अन्य नाम लिख कर सेव करें।
Step 5: Open the saved HTML file in your favorite browser. The result will look much like in Browser window.
अपने पसंदीदा ब्राउजर में सेव की गई HTML फाइल खोलें। आपका परिणाम ब्राउजर विंडो में दिखाई देगा।
What is an Element? – एलीमेंट क्या है?
An HTML element is an individual component of an HTML document or web page, once this has been parsed into the Document Object Model. HTML (एचटीएम्एल) is composed of a tree of HTML elements and other nodes, such as text nodes. Each element can have HTML attributes specified. Elements can also have content, including other elements and text (टेक्सट). Many HTML elements represent semantics, or meaning. For example, (एक्जाम्पल) the title element represents the title of the document.
एक HTML एलिमेन्ट पूरे HTML डॉक्यूमेंट का या किसी वेब पेज का एक घटक या कॉम्पोनेन्ट होता है, एक बार यह डॉक्यूमेन्ट आब्जेक्ट मॉडल मे पार्स किया जाता है। एचटीएमएल ने एचटीएमएल एलिमेन्ट्स के ट्री और अन्य नोड्स जैसे टेक्स्ट नोड्स को कम्पोज किया है। प्रत्येक एलिमेन्ट के HTML एट्रिब्यूट निर्धारित एवं सुनिश्चित होते हैं। एलिमेन्ट्स के रूप में डेटा की सामग्री भी हो सकती है, जिसमें कोई और एलिमेन्ट भी सम्मिलित हो सकता है। ये एलिमेन्ट अपने नाम से अपने कार्य का प्रदर्शन करते हैं जैसे टाइटल एलिमेन्ट, वेब पेज के टाइटल यानी शीर्षक को बताता है।
Introduction to HTML
About me