html kya hai
html kya hota hai

HTML क्या है ? इसका उपयोग ,विशेषताएँ आदि को समझते है

नमस्कार दोस्तों, आज हम इस लेख में जानेंगे HTML के बारे मे ,HTML का उपयोग इत्यादि के बारे मे l यह पोस्ट बहुत ही आसान शब्दों में लिखा गया है | आप इसे पूरा पढ़िए। तो बिना आपका समय बर्बाद किए ,चलिए जानते हैं HTML क्या है।

एचटीएमएल (HTML) का मतलब हाइपर टेक्स्ट मार्कअप लैंग्वेज (Hypertext Markup Language) है। जिसका मुख्य उपयोग Website के संरचना (Structure) को बनाने के लिए किया जाता है। यह एक Markup language है यानि जो वेब ब्राउज़र को बताती है कि text, heading, img, link, table, form, और अन्य elements को web page पर कैसे प्रदर्शित करना है।

HTML दो शब्दों से मिलकर बना है ।

  1. Hypertext
  2. Markup language

1.Hypertext :  इसका का सीधा सा मतलब है “text के भीतर text” किसी टेक्स्ट के भीतर एक लिंक होता है, वह Hypertext होता है। जब भी आप किसी लिंक पर क्लिक करते हैं जो आपको एक नए web page पर ले जाता है। Hypertext दो या दो से अधिक वेब पेजों (HTML दस्तावेज़ों) को एक दूसरे से जोड़ने का एक तरीका है। और आसानी से समझे तो यह दो या दो से अधिक वेब पेजों को आपस मे एक Text के अन्दर जोड़े रखता है ताकि जब कोई उस Text पर click करे तो वह उसे अगले page पर पहुँचा दे ।

2.Markup language :  यह एक कंप्यूटर भाषा है जिसका उपयोग text दस्तावेज़ (Document) में Layout बनाने और Formatting को करने के लिए किया जाता है। यह उपयोगकर्ता को विशेष प्रकार की structure (संरचना) या सामग्री को सहज रूप से प्रस्तुत करने में मदद करती है। यानि मार्कअप भाषा में टेक्स्ट को अलग-अलग प्रकार के टैग्स और मार्कअप कोड की मदद से जानकारी को दर्शाने के लिए किया जाता है। एक Markup language के कुछ उदाहरण जैसे कि HTML, XML, SGML, TeX और Markdownहैं जो Markup language के रूप में जाने जाते हैं।

HTML का आविष्कार 1989 मे Computer scientist, Tim Berners-Lee द्वारा किया गया था। जिन्हें वर्ल्ड वाइड वेब (WWW) के आविष्कारक के रुप मे भी जाना जाता हैं।

Tim Berners-Lee

HTML code

HTML

HTML का उपयोग :

HTML का उपयोग सिर्फ Website या web page बनाने के लिए ही नही किया जाता है। बल्कि कई अन्य क्षेत्रों में भी होता है जैसे कि Forms बनाने के लिए Game बनाने के लिए आदि।

  • Website Structure : HTML का मुख्य उपयोग वेबसाइट की संरचना तैयार करने में होता है। इससे आप विभिन्न तरीकों से जानकारी प्रदान कर सकते हैं, जैसे किText, links, Images, Video , Audio,Table, Form , आदि।

  • Web Game development : Game को बनाने के लिए विशेष गेम डेवेलपमेंट टूल्स का इस्तेमाल किया जाता है जैसे कि Unity, Unreal Engine,आदि। HTML और उसके साथ CSS और JavaScript का उपयोग Website आधारित गेम्स के लिए किया जा सकता है, लेकिन html का उपयोग छोटे और साधारण गेम्स बनाने के लिए कर सकते है, न कि बड़े गेम्स के लिए। बड़े गेम्स बनाने के लिए बहुत सी programming भाषाएँ है जैसे कि C++, C#, Swift, Java and Python आदि ।

  • Form मे: HTML फॉर्म्स के लिए बहुत उपयोगी हैं, जिनसे आप उपयोगकर्ताओं से जानकारी जुटा सकते हैं। इससे संपर्क फॉर्म, पंजीकरण फॉर्म, सर्वेक्षण फॉर्म, और अन्य तरीकों से एक Online Form बना कर उपयोग किया जा सकता है।

  • Hyperlinks : HTML का उपयोग लिंक बनाने के लिए होता है, जो एक page से दूसरे page पर पहुंचने की अनुमति देते हैं। इससे नेविगेशन को सरल बनाया जा सकता है l

  • Multimedia मे : HTML का उपयोग विभिन्न प्रकार के मल्टीमीडिया जानकारियों को जोड़ने के लिए भी होता है, जैसे कि Images, Video , Audio, और अन्य Files। इसके इस्तेमाल से वेबसाइट को आकर्षक बनाया जा सकता है।

  • Tables बनाने मे : इससे का उपयोग तालिकाएं(Tables ) बनानें मे भी किया जाता है, जिससे डेटा को संगठित और स्पष्ट तरीके से प्रदर्शित किया जा सकता है।

HTML 5 क्या है ,HTML और HTML 5 दोनो मे क्या अन्तर ?

जैसे HTML (HyperText Markup Language) Website बनाने के लिए इस्तेमाल होने वाली एक भाषा है। वैसे ही HTML5 है, यह कोई अलग भाषा नही है बल्कि इसी HTML का एक नया रुप (version) है । जो पहले से ज्यादा ,आसान और नए विशेषताओं (features) के साथ आता है। जिसे 2014 में जारी किया गया था। जो वेब डेवलपमेंट को आसान और अधिक शक्तिशाली बनाता हैं।

HTML

  • यह मोबाइल-फ्रेंडली नहीं था।

  • इसका उपयोग सामान्य वेब पेज बनाने के लिए किया जाता था।

  • इसमें Audio और Video के लिए सीधे समर्थन (Support) नहीं था।

  • इसमें सीमित संख्या में Tag और Element थे।

HTML5

  • HTML का नया version है।

  • यह मोबाइल-फ्रेंडली है।

  • इसमें कई नई सुविधाएँ और कार्यक्षमताएँ शामिल हैं जैसे कि ग्राफिक्स के लिए canvas tag, और localStorage एवं sessionStorage कि मदद से डेटा को स्थानीय रूप से मे ब्राउज़र में स्टोर करने की अनुमति देता है।

  • इसमें Audio और Video के लिए सीधे समर्थन है।

  • इसमें बड़ी संख्या में Tag और Element हैं।

  • HTML5 Semantic Elements को पेश करता है जो वेब पेज की सामग्री के अर्थ को बेहतर ढंग से व्यक्त करने में मदद करते हैं, जैसे कि:

<article>

<aside>

<details>

<figcaption>

<figure>

<footer>

<header>

<main>

<mark>

<nav>

<section>

<summary>

<time>

यह भी जानिए : JavaScript क्या है ?

HTML की विशेषताएं – Features of HTML

  • सरलता: HTML एक बहुत ही सरल भाषा है, इसलिए इसे सीखना और याद रखना आसान है।

  • मुफ्त: HTML का उपयोग करने के लिए आपको किसी लाइसेंस या शुल्क का भुगतान करने की आवश्यकता नहीं है, ये Free to Use है।

  • Syntax: इस भाषा का Syntax सरल है, जिससे शुरुआती लोगों के लिए इसे सीखना आसान हो जाता है।

  • Platform Independent: यह भाषा Platform Independent है, जिसका अर्थ है कि इसका उपयोग किसी भी Operating System के साथ किया जा सकता है।

  • Extensible: यह भाषा Extensible है, जिसका अर्थ है कि इसमें नई सुविधाओं को जोड़ा जा सकता है।

  • सभी OS पर काम करता है: HTML Windows, Mac, Linux, Android, iOS, आदि सभी OS पर काम करता है।

  • Scalable: यह भाषा Scalable है, जिसका अर्थ है कि इसका उपयोग छोटे और बड़े दोनों तरह के वेब पेज बनाने के लिए किया जा सकता है।

  • Multimedia Support: यह भाषा Multimedia Support का समर्थन करती है, जिससे वेब पेज में img, videoऔर audio जैसी मल्टीमीडिया सामग्री को शामिल करना आसान हो जाता है।

  • Linking: यह भाषा Linking का समर्थन करती है, जिससे वेब पेज को एक दूसरे से जोड़ना आसान हो जाता है।

  • Popularity: यह भाषा सबसे लोकप्रिय वेब डेवलपमेंट भाषाओं में से एक है।

  • Versatility: यह भाषा Versatile है, जिसका अर्थ है कि इसका उपयोग विभिन्न प्रकार के वेब एप्लिकेशन बनाने के लिए किया जा सकता है।

  • SEO :HTML SEO के तौर पर पहले से ज्यादा वेब पेज को Search engine के लिए अनुकूलित(Adaptation) करना आसान बनाता है।

समाप्ति

” आशा करते है आपको यह जानकरी पसंद आई होगी और आपको इस लेख से उपयुक्त जानकारी मिली होगी, कृपया इसे शेयर करें ” और हमें comment लिखकर जरूर बताएं ताकि कुछ कमी रह गई हो, तो जल्द से जल्द हम इसमें सुधार कर सके।

धन्यवाद  🙂

5 Comments

  1. Nikhil Verma

    Please Javascript पर post लाए

Leave a Reply

Your email address will not be published. Required fields are marked *