HTML क्या है? – HyperText Markup Language की पूरी जानकारी हिंदी में
जब आप Google, YouTube, IRCTC या कोई भी website खोलते हैं, तो उस page के पीछे HTML काम करती है। HTML यानी HyperText Markup Language — वो बुनियादी भाषा जिससे हर web page बना होता है।
HTML का Full Form और परिभाषा
HTML का पूरा नाम HyperText Markup Language है।
- HyperText — वो text जिसमें दूसरे pages के links (hyperlinks) होते हैं। किसी book की तरह page 1 से page 2 पर जाने के बजाय, आप सीधे किसी भी page पर jump कर सकते हैं।
- Markup — text को tags लगाकर mark करना, ताकि browser को पता चले कि कौन सा text heading है, paragraph है, या image है।
- Language — यह एक scripting language है (programming language नहीं), जिसके अपने rules और syntax हैं।
HTML का इतिहास
HTML की खोज Tim Berners-Lee ने 1991 में की थी। वे CERN (यूरोपीय physics laboratory) में काम करते थे और scientists के बीच documents share करने का एक आसान तरीका चाहते थे। उनके इस आविष्कार ने World Wide Web की नींव रखी। आज HTML5 (2014 में जारी) इसका सबसे modern version है।
HTML कैसे काम करती है?
HTML files में special codes होते हैं जिन्हें Tags कहते हैं। Browser (Chrome, Firefox) इन tags को पढ़कर page को visual रूप में display करता है। हर tag angle brackets में लिखा जाता है जैसे <h1> heading के लिए और <p> paragraph के लिए।
HTML के जरूरी Tags
| Tag | काम |
|---|---|
| <html> | पूरे document को wrap करता है |
| <head> | Page की meta information |
| <body> | Page का visible content |
| <h1> से <h6> | Headings (h1 सबसे बड़ी) |
| <p> | Paragraph |
| <a> | Hyperlink (link बनाने के लिए) |
| <img> | Image लगाने के लिए |
| <ul> / <ol> | Unordered / Ordered list |
| <table> | Table बनाने के लिए |
| <form> | User input form |
HTML vs CSS vs JavaScript
| Technology | काम | उदाहरण |
|---|---|---|
| HTML | Page की structure (ढाँचा) | Heading, paragraph, image, table |
| CSS | Design और style (सजावट) | Color, font, layout |
| JavaScript | Behaviour (कार्यक्षमता) | Button click, form validation |
सरल भाषा में: HTML घर का ढाँचा है, CSS उसकी रंगाई-पुताई है, और JavaScript उसमें लगे electrical switches हैं।
HTML का Basic Structure
हर HTML file का एक basic ढाँचा होता है। Notepad खोलें और यह type करें, फिर file को .html extension के साथ save करें और Chrome में खोलें:
<!DOCTYPE html> > <html> <head> <title>मेरा पहला Page</title> </head> <body> <h1>नमस्ते दुनिया!</h1> <p>यह मेरा पहला HTML page है।</p> </body> </html>
HTML सीखने से क्या फायदा?
- Freelancing: Fiverr, Upwork पर HTML/CSS developer को आसानी से काम मिलता है।
- Website बनाना: खुद की website बनाकर AdSense से पैसे कमा सकते हैं।
- Job: Web Developer, Front-end Developer की jobs IT companies में हमेशा होती हैं।
- WordPress customization: अपने blog की theme खुद edit कर सकते हैं।
- Digital Marketing: Email templates, landing pages बनाने के लिए HTML जरूरी है।
HTML कहाँ से सीखें? (Free Resources)
- W3Schools.com — सबसे popular beginner-friendly site
- YouTube — Hindi में tutorials: search करें HTML tutorial in Hindi
- freeCodeCamp.org — Free certificate courses
- Khan Academy — Interactive exercises
निष्कर्ष
HTML web development की नींव है। यह सीखना आसान है, free है, और इससे career में नई राहें खुल सकती हैं। चाहे website बनानी हो, freelancing करनी हो, या IT में career बनाना हो — HTML पहला और सबसे जरूरी कदम है। अगर कोई सवाल है तो नीचे comment करें।
