Type Here to Get Search Results !

What is HTML एचटीएमएल क्या है?

 


HTML सिंटैक्स क्या है?

HTML दस्तावेज़ बनाते समय उचित सिंटैक्स का होना बेहद ज़रूरी है। उचित सिंटैक्स के बिना, वेबपेज के तत्व उस तरह से काम नहीं करेंगे जैसा उन्हें करना चाहिए, और उससे भी ज़्यादा ज़रूरी बात यह है कि सामग्री उपयोगकर्ता को उस तरह से दिखाई नहीं देगी जो समझ में आए। सिंटैक्स तत्वों के कुछ हिस्सों को स्वतंत्र रूप से काम करने के बजाय एक-दूसरे के साथ काम करने की सुविधा भी देता है। 

HTML सिंटैक्स सरल टेक्स्ट दस्तावेज़ों में लिखा जाता है जो .htmlएक्सटेंशन के साथ समाप्त होते हैं। HTML दस्तावेज़ों में मुख्य रूप से टेक्स्ट तत्व होते हैं जिन्हें वेब ब्राउज़र द्वारा पढ़ा और लोड किया जा सकता है। HTML मार्कअप तत्वों के उपयोग के माध्यम से कार्य करता है, जो इसकी कार्यक्षमता का वर्णन करते हैं और एक अवरोही वृक्ष संरचना में स्थित होते हैं।

इन तत्वों के चारों ओर कोणीय टैग ( <>) होते हैं जो यह निर्धारित करते हैं कि तत्व कहाँ रखे जाएँ और वे कैसे कार्य करेंगे। प्रत्येक खुले टैग के लिए, उसके कार्य करने के लिए आमतौर पर एक संगत समापन टैग लगाना आवश्यक होता है। समापन टैग, आरंभिक टैग के समान होता है, लेकिन तत्व ( </>) से पहले एक फ़ॉरवर्ड स्लैश लगा होता है। इन दोनों टैग के बीच लिखे गए सभी मार्कअप प्रत्येक टैग के भीतर लिखे गए तत्व का उपयोग करके संरचित किए जाएँगे। एक तत्व और एक आरंभिक टैग का एक उदाहरण है <head>। इस टैग को बंद करने के लिए, आप </head> टैग का उपयोग करेंगे।

इसके अतिरिक्त, एक वेब ब्राउज़र किसी एलिमेंट के अंदर उपयोग किए जाने पर कुछ विशिष्ट कार्यक्षमताओं को संप्रेषित करने के लिए विभिन्न HTML विशेषताओं को पढ़ सकता है। उदाहरण के लिए, आप  href विशेषता का उपयोग एलिमेंट  के साथ मिलकर किसी विशिष्ट लिंक की ओर इंगित करने के लिए कर सकते हैं , जो एंकर टेक्स्ट निर्धारित करता है। इसे इस प्रकार लिखा जाएगा <a href=”https://examplesite.com”>Example Anchor Text</a>। HTML सिंटैक्स के अन्य घटकों में डेवलपर टिप्पणियाँ छोड़ने की क्षमता शामिल है जिन्हें ब्राउज़र द्वारा संसाधित नहीं किया जाता है और स्व-संलग्न एलिमेंट जिनके अंदर कुछ भी नहीं होता है।

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

5 मूल HTML टैग क्या हैं?

वेब पेज की संरचना के लिए हम कई HTML एलिमेंट्स का इस्तेमाल कर सकते हैं। हालाँकि डेवलपर्स विशिष्ट उद्देश्यों के लिए एलिमेंट्स चुनते हैं, कुछ टैग्स HTML दस्तावेज़ संरचना के लिए महत्वपूर्ण होते हैं और सबसे ज़्यादा इस्तेमाल किए जाते हैं। ये पाँच टैग्स उन बुनियादी टैग्स का एक छोटा सा हिस्सा हैं जिन्हें डेवलपर्स HTML प्रोग्रामिंग के लिए ज़रूरी मानते हैं:

  1. <html> — मूल तत्व टैग जो अपने आरंभिक और समापन टैग के बीच रखी गई हर चीज़ को HTML कोड के रूप में परिभाषित करता है।
  2. <head> — HTML दस्तावेज़ के शीर्ष अनुभाग को परिभाषित करता है, जिसमें दस्तावेज़ मेटाडेटा (डेटा के बारे में डेटा) होता है।
  3. <title> — वेब पेज का शीर्षक परिभाषित करता है और अक्सर यही खोज इंजन परिणामों में दिखाई देता है।
  4. <h1> — वेब पेज पर सबसे प्रमुख शीर्षक को परिभाषित करता है।
  5. <p> — एक पैराग्राफ के भीतर मौजूद सामग्री को परिभाषित करता है और ब्राउज़रों को पठनीयता के लिए पैराग्राफों के बीच रिक्त स्थान डालने की अनुमति देता है।

पेज बनाते समय जानने योग्य अन्य महत्वपूर्ण टैगों में <body><a><div><span> और <img> टैग शामिल हैं।

HTML in Hindi – एचटीएमएल क्या है?

  • HTML का पूरा नाम Hyper Text Markup Language (हाइपर टेक्स्ट मार्कअप लैंग्वेज) है। 

  • HTML एक मार्कअप लैंग्वेज है जिसका इस्तेमाल वेब पेज को बनाने के लिए किया जाता है. इसके अलावा इसका इस्तेमाल वेब एप्लीकेशन बनाने के लिए भी किया जाता है.

  • दूसरे शब्दों में कहें तो, “HTML एक कंप्यूटर भाषा है जिसका इस्तेमाल वेबसाइट और एप्लीकेशन बनाने के लिए किया जाता है.”

  • HTML बहुत ही सरल भाषा है, इसे हम बहुत कम समय में आसानी से सीख सकते हैं.

  • एचटीएमएल वेब पेज के स्ट्रक्चर को describe (परिभाषित) करता है.

  • HTML में बहुत सारें tags होते हैं जिनका इस्तेमाल करके हम अपने वेब पेज को आसानी से create कर सकते हैं.

  • एचटीएमएल वेब ब्राउज़र को यह बताता है कि वेब पेज में मौजूद content को किस प्रकार दिखाना है.

  • HTML में हम CSS का इस्तेमाल करके आकर्षक और सुंदर वेबसाइट बना सकते हैं और इसमें हम जावास्क्रिप्ट का इस्तेमाल भी कर सकते हैं.

  • HTML Code को लिखने के लिए किसी विशेष सॉफ्टवेयर की जरूरत नही होती है इसके लिए हमें notepad और web browser की जरूरत होती है जो कि हमारे कंप्यूटर पर पहले से ही मौजूद होते है।

  • एचटीएमएल को 1991 में Tim Berners-Lee ने विकसित किया था.

  • HTML का इस्तेमाल सबसे ज्यादा किया जाता है इसलिए यह सबसे प्रसिद्ध लैंग्वेज है.

  • इस भाषा को एक प्रोग्रामिंग लैंग्वेज नहीं माना जाता, क्योकि यह dynamic web page डिज़ाइन करने में सक्ष्म नहीं होती। इसका उपयोग करके हम केवल static web pages को ही बना सकते है।

  • इस भाषा का उपयोग करके दो या दो से अधिक web pages को आपस में जोड़ा जा सकता है।

  • HTML को Hypertext और Markup language को आपस में मिलाकर बनाया गया है।

  • एचटीएमएल का फ़ाइल extension .html तथा .htm होता है। अर्थात् इसकी फ़ाइलों को .html और .htm लगाकर save किया जाता है.
Features of HTML in Hindi – एचटीएमएल की विशेषताएं

1- HTML बहुत ही आसान भाषा है इसलिए इसको सीखना और याद रखना आसान होता है. इसके अलावा इसको हम आसानी से modify भी कर सकते हैं.

2- इस भाषा का syntax सरल होता है.

3- यह भाषा platform independent होती है, जिसका मतलब यह है कि इसका इस्तेमाल किसी भी ऑपरेटिंग सिस्टम के साथ किया जा सकता है.

4- इस भाषा के द्वारा हम वेबसाइट में audio, video और image को डाल सकते हैं.

5- यह case-sensitive नही होती इसलिए इसमें tags को uppercase और lowercase दोनों तरीकों से लिखा जा सकता हैं.

6- HTML में बहुत से formatting tags होते है जिसकी मदद से effective presentation बनाए जा सकते है।

7- यह एक markup language है जिसमे वेब पेज को डिज़ाइन करना आसान होता है। 

8- इस भाषा का उपयोग करके एक प्रोग्रामर web page पर link जोड़ सकता है।

HTML का सरल उदाहरण

<!DOCTYPE html>
<html>
<head>
<title>Simple HTML Example</title>
</head>
<body>

<h1>This is heading</h1>
<p>This is paragraph</p>

</body>
</html>

इसका आउटपुट-

html example in hindi

HTML के Elements
HTML में बहुत सारें elements मौजूद होते हैं. नीचे आपको कुछ प्रमुख elements दिए गये हैं:-

HTML Element Description (विवरण)
<!DOCTYPE> सभी HTML पेज <!DOCTYPE> से ही शुरू होते हैं. यह ब्राउज़र को HTML के version के बारे में जानकारी देता है।
<html > यह html पेज का root element होता है. यह पूरे पेज को define (परिभाषित) करता है.
<head> यह element एक container होता है जिसका इस्तेमाल वेब पेज की अतिरिक्त जानकारी को स्टोर करने के लिए किया जाता है. इस element में metadata और documents के बारे में जानकारी मौजूद होती है।
<title> इस element का उपयोग वेब पेज के title को लिखने के लिए किया जाता है। यह title ब्राउज़र में दिखता है. इस element को head tag के अंदर रखा जाता है।
<body> यह element वेब पेज पर मौजूद सभी content को ब्राउज़र में दिखाता है. Body के अंदर सभी content आते है जैसे कि – heading, paragraph, image, और video आदि.
<h1> इसका प्रयोग heading बनाने के लिए किया जाता है. यह सबसे महत्वपूर्ण हैडिंग होती है.
<p> इसका इस्तेमाल paragraph लिखने के लिए किया जाता है.
Tags

Post a Comment

0 Comments
* Please Don't Spam Here. All the Comments are Reviewed by Admin.