HTML क्या है? html tag क्या है? और बहुत कुछ – आसान भाषा में

जब से भारत में इंटरनेट सस्ता हुआ है तब से लोग टेक्नोलॉजी की तरफ ज्यादा आकर्षित हो रहे हैं।

ऐसे में बहुत से लोग website, blog, और apps के बारे में जानने के बाद वह खुदकी website बनाना चाहते हैं।

अगर आप भी खुदकी website या blog बनाना चाहते हो लेकिन आपको इसका कुछ भी नॉलेज नहीं है।

लेकिन इसे आप html के साथ सीखना चाहते हो और इसलिए आपने html क्या है यह टाइप किया है। तो आप बिल्कुल सही जगह पर हो।

क्योंकि मैं एक computer science का विद्यार्थी हूं। इसलिए मुझे इस फील्ड के बारे में अच्छी जानकारी है।

जिसे मैं आज आपके साथ शेयर करूंगा।

HTML क्या है – what is HTML in hindi

HTML kya hai

HTML का full form है hyper text markup language. इसे webpages बनाने के लिए यूज किया जाता है। इसी की मदद से आप किसी भी web page का structure बना सकते हो।

इसे web designing का base भी कहा जाता है क्योंकि Web design सीखना इसी language से शुरू किया जाता है।

HTML की file को .html या .htm इस extension से ही save किया जाता है। (उदा – filename.html)

Note: html language case sensitive नहीं है इसका मतलब आप tags को uppercase या lowercase में लिख सकते हो। जैसे की tile या TITLE.

HTML का use क्या है?

  1. html का उपयोग website और webpages बनाने के लिए किया जाता है।
  2. Mobile apps बनाने के लिए भी html का उपयोग किया जाता है।
  3. Game Development के लिए भी html का उपयोग किया जाता है।
  4. अगर आप web developer या app developer बनाना चाहते हो तो आपको html सीखना होगा।

HTML का इतिहास

1989 में Tim Berners-Lee ने www (world wide wed) का आविष्कार किया था। उसके दो साल बाद ही 1991 में Tim Berners-Lee ने ही HTML का आविष्कार किया था।

इसके बाद HTML में सुधार होता गया नये Tags add होते चले गये और आज के दिन HTML5.2 का version मार्केट में आया है।

HTML Editor

HTML code को HTML editor में लिखा जाता है।

नीचे हमने कुछ लोकप्रिय HTML editors बताए हैं।

  1. Notepad – यह सबसे basic editor है। जो Windows के साथ आता है।
  2. Notepad ++ – इसमें आप जो code लिखते हो वह colourful दिखता है।
  3. Vs code – यह Microsoft द्वारा बनाया गया free editor है।
  4. Sablime – यह भी एक लोकप्रिय HTML editor है।

Web Browser

Editor में लिखे हुए html code को run करने के लिए आपको browser की जरूरत होती है। (chrome, firefox, internet explorer, safari, opera)

मतलब आप HTML editor में जो भी code लिखते है उसका असर (output) आपको browser में दिखेगा।

मैं आपको chrome Browser को यूज़ करने का सलाह दूंगा क्युकी यह html के latest version को भी सपोर्ट करता है और यह website या webpage को fast load करता है।

HTML Page Structure – HTML का पूरा रूप

<!DOCTYPE html>                                                                                                                                                                                                                                             <html>                                                                                                                                                                                                                                                        <head>                                                                                                                                                                                                                                            <title>............</title>                                                                                                                                                                                                                                              </head>                                                                                                                                                                                                                                                    <body>                                                                                                                                                                                                                                                        <h1>...........</h1> - इसके बीच में लिखा हुआ सबसे बड़ा heading बनेगा।                                                                                                                                                                                                                                                <p>..............</p> -इसके बीच में लिखा हुआ paragraph बनेगा।                                                                                                                                                                                                                                                              </body>                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          </html>

<html>……</html> – html का सभी code इसके बीच में ही लिखा जाता है।

<head>…….</head> – इसके अंदर जो code लिखा जाता है वह browser में नहीं दिखता। लेकिन इसका उपयोग CSS और JavaScript को जोड़ने के लिए किया जाता है।

<title>……..</title> – इसके अंदर जो कुछ लिखा जाता है वह browser के title bar में दिखता है।

<body>……..</body> – इसके अंदर जो कुछ लिखा जाता है वह सब browser में दिखाई देता है।

HTML tags क्या है?

HTML tags की व्याख्या – html में आपको बहुत सारे tags देखने को मिलेंगे। HTML में मौजूद सभी tags अलग-अलग काम करते हैं। सभी tags इस <> साइन के अंदर लिखे जाते हैं।

आप जो भी html tag, open करते हो उसे आपको close भी करना होता है।

उदाहरण से समझते हैं –

<tagname> यहां आपका कंटेंट लिखना है </tagname>

Note : कुछ html tags ऐसे भी हैं जिन्हें आपको ‌close करने की जरूरत नहीं होती। ( जैसे कि <br> tag) ऐसे tags को empty tags कहा जाता है।

HTML Attributes क्या है?

html के सभी tags को attributes हो सकते हैं। Attributes को tags के बारे में अधिक जानकारी देने के लिए यूज किए जाते हैं।

वारंवार यूज़ होने वाले कुछ Attributes

  • name
  • width
  • height
  • alt
  • Id
  • class
  • href
  • src
  • style

उदाहरण –

<a href=”https://www.skillohindi.in“>यह एक hindi tech ब्लॉग है</a>

इसमें <a> यह tag hyperlink दिखाता है।

लेकिन href attribute specific URL को दिखाता है जहांपर यह link जाने वाली है।

Notepad Editor के साथ HTML Coding करने का प्रोसेस

step 1. सबसे पहले आपको अपने Laptop या computer में Notepad को ओपन करना है. आप notepad को footer के लेफ्ट कॉर्नर में search बार में इसे search करके find कर सकते हो।

step 2. आप Notepad में अपना code लिखो मैंने उदाहरण के लिए निचे का code लिखा है।

html kya hai

step 3. code लिख ने के बाद आपको file को .html इस extension के साथ ही save करना है।

step 4. अब आपको अपने html file को अपने browser में ओपन करना है। मैंने मेरे file को chrome में ओपन किया है जिसका रिजल्ट आप निचे देख सकते हो।

html kya hota hai

आपने क्या सीखा इसकी समरी

  • html क्या है?
  • html का full form क्या है?
  • html का use क्या है?
  • html का इतिहास
  • html code के लिए उपयोगी editors
  • html code को लिए उपयोगी browsers
  • html page structure कैसा होता है?
  • HTML tags क्या है?
  • html attributes क्या है?
  • Notepad Editor के साथ HTML Coding करने का प्रोसेस

आशा करता हूं कि आपको html क्या होता है इसके बारे में सभी Basic जानकारी समझ आयी होगी। पूरा html हम एक ही ब्लॉग पोस्ट में नहीं सिखाया जा सकता। क्युकी html में बहुत सरे tags और attributes मौजूद है।

अगर आप html को पूरा सिखाना चाहते हो तो मई आपको w3schools की सिफारिश करूँगा। हलाकि यह इंग्लिश वेबसाइट है।

इसके आलावा आप udemy पर हिंदी भाषामे html का पूरा course कर सकते हो।

आप हमारे इस पोस्ट को अपने दोस्तों के साथ और social media पर जरूर शेयर करो। ताकि वह भी कुछ नया सिख सके।

Leave a Comment

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