HTML का परिचय क्या हैं? What is Introduction to HTML? in Hindi

Ravi Pratap Singh
10 जुल॰, 2022

आज़ के इस आर्टिकल में हम जानेंगे HTML का परिचय क्या हैं? अर्थात HTML क्या हैं? अगर आपको जानना हैं: HTML क्या हैं? तो आप इस पोस्ट को पूरा पढ़े। यह HTML के बारे में पहली पोस्ट हैं। हम आपको आगे आने वालीं पोस्टों में HTML की पूरी जानकारी से अवगत कराएंगे। "Display Attraction" website को आप Add to Home screen जरूर करले। तो चलिए जानते हैं, बीना किसी देरी के HTML क्या हैं:

HTML एक Web Page बनाने के उपयोग में लाई जानें वाली standard markup language हैं।


HTML क्या हैं? What is HTML?

what is html, html tutorial for beginners, html tutorial, html5, learn html and css, learn html5, html kya hota he, html क्या होता हे, learn web design, learn web development, learn web code, web design, web development, web design tutorial, web design tutorial for beginners, web design bangla tutorial full
HTML का परिचय क्या हैं?

हम आपको HTML को पॉइंट्स के ज़रिए समझा रहे हैं, ताकि आप अच्छे से समझ सके। ये पॉइंट्स कुछ इस प्रकार हैं। 

• HTML का अर्थ "Hyper Text Markup Language" हैं।

• HTML Webpage बनाने में उपयोग की जानें वालीं "Standard Markup Language"हैं।

• HTML Webpage की संरचना (structure) बनाने में सहायक होता हैं।

• HTML में तत्वों (elements) की एक श्रृंखला (series) होती है।

• HTML के उपयोग से ही Webpage Browser में दिखाने का एक जरिया हैं।

• HTML word's (elements) को टुकड़ों में tag (<>"😎"</>) अर्थात लेबल करती हैं। जैसे: "this is a heading", "this is a paragraph", "this is a link" आदि ।


HTML उदाहरण:

Before 
<!DOCTYPE html>

<html>

<head>

<title>Page Title</title>

</head>

<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>

</html>
After 
My First Heading



My first paragraph.

HTML उदाहरण को समझते हैं ( HTML Example Explained ):

1. <!DOCTYPE html> इस tag के ज़रिए पता चलता हैं, की webpage एक HTML5 webpage हैं।
2. <html> इस tag से पता चलता हैं, की webpage एक HTML Page से बना हुआ हैं।
3. <head> इस tag की मदद से webpage के HTML Page की meta जानकारी को दर्शाया जाता हैं।
4. <title> इस tag की मदद से webpage के page का एक शीर्षक (title) देने के लिए उपयोग किया जाता हैं। (यह जब भीं आप कोई वेबसाईट का कोइ भीं पेज खोलते हैं, तो उस पेग के टब में दिखाई देता हैं।
5. <body> इस tag की मदद से webpage के page को दर्शाया जाता हैं, जहां आप title, tag, image, Video, table, hyper link आदि। देख पाते हैं। अर्थात body tag की के द्वारा ही यह सब दिखाई देता हैं।
6. <h1> इस tag के जरिए एक बड़े साइज़ का शीर्षक (title) बनाया जाता हैं।
7. <p> इस tag की मदद से पैराग्राफ दर्शाया जाता हैं।

HTML एलिमेंट (Tag) क्या है? What is an HTML Element (Tag)? 

HTML Tag को बनाने के लिए शुरुआत tag, और बीच में कुछ सामग्री डाल कर अंतिम tag का उपयोग करते हैं:

<tagname> सामग्री यहां डाली जाती हैं... </tagname>

HTML tag ही शुरुआती tag से अंतिम tag तक सबकुछ हैं इसके बिना HTML से Webpage नहीं बनता।

इसके कुछ और उदाहरण:

<h1>My First Heading</h1>
<P>My first paragraph.</p>

Start tag Element content End tag
<h1> My First Heading </h1>
<p> My first paragraph. </p>
<br> none none

Note: कुछ HTML tags में कोई सामग्री (Content) नहीं होता हैं। (जैसे <br> Tag ) इन tags को खाली (Empty) tag कहते हैं। खाली tags का कोई अंतिम tag नहीं होता हैं। 

HTML के लिए Web Browsers:

Web browser ( Chrome, Edge, Firefox, Safari) केवल HTML document को पढ़ने और सही ढंग से दिखाने कार्य करता हैं।
Browser HTML tag नहीं दिखता । लेकिन document को को दिखाने का तरीका निर्धारित करने के लिए उपयोग किया जाता है:
what is html, html tutorial for beginners, html tutorial, html5, learn html and css, learn html5, html kya hota he, html क्या होता हे, learn web design, learn web development, learn web code, web design, web development, web design tutorial, web design tutorial for beginners, web design bangla tutorial full
HTML का परिचय क्या हैं?

HTML की पृष्ठ संरचना:

नीचे दिए चित्र में HTML पृष्ठ संरचना का visualization हैं।
what is html, html tutorial for beginners, html tutorial, html5, learn html and css, learn html5, html kya hota he, html क्या होता हे, learn web design, learn web development, learn web code, web design, web development, web design tutorial, web design tutorial for beginners, web design bangla tutorial full
HTML का परिचय क्या हैं?

Note: <body> के अंदर वाले क्षेत्र (चित्र में ऊपर सफ़ेद भाग) के सामग्री ( Content ) को ही ब्राउज़र द्वारा दिखाया जाता हैं। <title> tag के अंदर की सामग्री ब्राउज़र के title या page के tab में दिखाई देती हैं।

HTML का इतिहास: 

जबसे www (World Wide Web) शुरू हुआ हैं, तभी से HTML के बहुत सारे versions आए हैं। इनके नाम कुछ इस प्रकार है:
Year Version
1989 Tim Berners-Lee invented www
1991 Tim Berners-Lee invented HTML
1993 Dave Raggett drafted HTML+
1995 HTML Working Group defined HTML 2.0
1997 W3C Recommendation: HTML 3.2
1999 W3C Recommendation: HTML 4.01
2000 W3C Recommendation: XHTML 1.0
2008 WHATWG HTML5 First Public Draft
2012 WHATWG HTML5 Living Standard
2014 W3C Recommendation: HTML5
2016 W3C Candidate Recommendation: HTML 5.1
2017 W3C Recommendation: HTML5.1 2nd Edition
2017 W3C Recommendation: HTML5.2

इस tutorial में हम सबसे नए HTML पर चर्चा कर रहे हैं।


Conclusion

मैं आशा करता हूं, आपको पूरी तरह से समझ आ गया होगा की HTML क्या हैं? और इसका उपयोग कहा और कैसे करते हैं। अगर हां तो कॉमेंट में ज़रूर लिखें। और इसके अलावा आप हमारी साईट पर HTML से जुड़े सभी सवालों के जवाब पाने के लिए सर्च कर सकते हैं। आप अगले आर्टिकल में पढ़ेंगे। HTML Editor के बारे में तब तक के लिए धन्यवाद।

HTML क्या है? FAQs 

Q1. HTML का पूरा नाम क्या हैं?
Ans. HTML का पूरा नाम "Hyper Text Markup Language" है।

Q2. HTML में <h1> किस लिए उपयोग किया जाता हैं?
Ans. HTML में <h1> का उपयोग कंटेंट या डॉक्यूमेंट में heading बनाने के लिए किया जाता हैं।
Next Post Previous Post
No Comment
Add Comment
comment url