क्या आप भी कम्प्यूटर के स्टूडेंट हो स्कूल और कॉलेज में कम्प्यूटर की पढ़ाई कर रहे हो क्या आप भी कम्प्यूटर में रुचि रखते है सिखना चाहते है कम्प्यूटर के बारे में ढेर सारी चीज़ें सिखना चाहते है सॉफ़्ट्वेर (Software) बनाना या फिर डिज़ाइन करना चाहते है वेबसाइट (website) लेकिन शुरूवात में आपको कोई आइडिया नहीं है की वेबसाइट (website) कैसे बनाते है कैसे डिज़ाइन करते है और इसके लिए क्या क्या ज्ञान होना चाहिए तो वेब्सायट डिज़ाइन करने कि लिए बहोत लोग कोडिंग सिखते है जिसे सबसे पॉप्युलर है एचटीएमएल और सीएसएस (CSS) ये दो चीज़ें सिख के आपको पता चल जाएगा की वेब पेज कैसे बनाते है और इससे वेबसाइट (website) कैसे बनाते है लेकिन अब आपको मन में सवाल होगा आख़िर ये HTML और CSS क्या है ? और एचटीएमएल (HTML) और सीएसएस (CSS) कैसे सीखें (what is HTML in hindi) , लर्न एचटीएमएल (HTML) इन हिंदी (Learn HTML in Hindi).
शुरूवात में सभी लोगों को लगता है की एचटीएमएल बहोत ही मुसकिल है सीखना लेकिन ऐसा नहि है थोड़ी साई प्रैक्टिस और थोड़ा सा दिमाग़ आपको एचटीएमएल या फिर कहलो वेबसाइट डिज़ाइन (website design) की दुनिया में एक्स्पर्ट बना सकता है सबसे पहले आपको कुछ बेसिक्स सीखना होगा एचटीएमएल की बेसिक्स चीजों का कॉन्सेप्ट क्लीर करना होगा जैसे कि टैग्ज़ (tag) क्या होते है (what is tag in hindi) , एचटीएमएल पेज (html page) कैसे बनाते है , CSS क्या है? ये कुछ बेसिक्स है अगर ये क्लीर हो गया तो फिर आपको एचटीएमएल सीखने से कोई नहि रोक सकता चलिए जानते है एचटीएमएल कैसे सीखे ? (how to learn HTML & CSS in hindi).
HTML & CSS कैसे सीखे ?
स्टेप 1. एचटीएमएल बेसिक्स (HTML BASICS) क्लीयर करे
एचटीएमएल का फुल्ल फ़ॉर्म है हायीपर टेक्स्ट मार्कप लैंग्विज (Hyper Text Markup Language) बहोत से लोगों की इस वजह से समज नहि क्यों उनका बेसिक्स क्लीयर नहि होता आपको भी प्रोग्रामिंग लैंग्विज सीखो चाहे वेब डिवेलप्मेंट (web development) हो या फिर कम्प्यूटर प्रोग्रैमिंग लैंग्विज (computer programming language) अगर आपको बेसिक्स क्लीर नहि है तो आपको कभी भी नहि सिख पाओगे तो शूरवत में बेसिक्स चीजों पे ध्यान दे जैसे की
- एचटीएमएल (html) क्या है फुल्ल फ़ोरम ओफ़ एचटीएमएल ?
- एचटीएमएल कोड कैसे लिखते है लिखने का तरीक़े सीखे
- सिंटैक्स (syntax) क्या है ?
- एचटीएमएल का यूज़ क्या है ?
- एचटीएमएल कहा कहा इस्तेमाल होता है ?
- HTML में टैग्ज़ (Tags) क्या है ?
स्टेप 2. HTML में टैग्ज़ (Tags) का यूज़ करना सीखे
अब आपको एचटीएमएल का बेसिक्स पता चल ग़या है अब थोड़ा आगे यानी की नेक्स्ट स्टेप्स ले जो की टैग्ज़ , एक पूरा एचटीएमएल पेज टैग्ज़ पर निर्भर करता है अब html में एक दो या तीन टैग्ज़ नहि होते बल्कि बहोत सारे टैग्ज़ होते तो इन टैग्ज़ का क्या यूज़ है कैसे यूज़ करते है कहा कहा यूज़ करना है ये आपको सीखना है।
जैसे की <html> </html> टैग हो गया अब ये टैग क्या है इसका क्या यूज़ है और एचटीएमएल पेज (html page) बनाते वक्त इसके कहा लिखना है ये पता होना चाहिए तो भी ज़रूर सिखे इसके अलावा और भी बहोत सारे टैग्ज़ होते है जैसे कि <body> , <head> , <title> टैग्ज़ तो एक एक करके सभी टैग्ज़ का इस्तेमाल करे वैसे एक वेब्सायट है जो प्रोग्रैमर (programmer) के लिए बड़ा ही यूज़फूल है जिसका नाम है W 3 Schools यहा जाके भी आप एचटीएमएल सिख सकते हो फ़्री में ऑनलाइन घर बैठे.
स्टेप 3 : टेबल क्रीएट (table create) करना सीखे
टैग के बारे में अच्छे से ज्ञान होने के बाद अब आपको नेक्स्ट स्टेप में सीखना है की एचटीएमएल पेज (html page) में टेबल कैसे बनाते है (how to create table in html), अब इसके लिए आपको टेबल टैग में <Tr> ,<td> टैग को समझना होगा ये समझ आजाएग तो आप आसानी से टेबल क्रीएट कर सकते है
- <table> टैग के बारे में सिखे
- फिर <tr> और <td> का क्या उसे है क्या डिफ़्रेन्स है ये जान ले
स्टेप 4: एचटीएमएल फ़ॉर्म (HTML FORM) बनाना सीखे
अब आपको आधे बेसिक्स का ज्ञान हो गया है की चटीएमएल क्या है, टैग क्या है ,टेबल भी क्रीएट करना आ गया है अब आप नेक्स्ट चीज़ सीखना है जो बहोत ज़रूर है वो है फ़ॉर्म बनाना, आपने देखना होगा इंटेरनेट में कई सारी वेबसाइट पे साइन अप (Sign Up), रेजिस्ट्रेशन फ़ॉर्म (Registration form) होता है तो कभी सोचा है ये कैसे बनता है तो इसके लिए इस्तेमाल किया जाता है <form> टैग, अब फ़ॉर्म टैग भी में कई टैग्ज़ होते है तो आपको वो भी सीखना पड़ेगा।
स्टेप 5: अब सीएसएस ( CSS) सीखे
अब आपने एचटीएमएल बेसिक्स की लगभग सारी जानकारी सीख ले है तो इसके बाद सबसे ज़रूरी है सीएसएस ( CSS) , सीएसएस का फुल्ल फ़ोरम है कास केडिंग स्टाइल शीट (Cascading Style Sheets ) इसकी मदद से आप अपने वेब पेज (web page) को कलर फुल्ल कर सकते है स्टाइल अप्लाई कर सकते है बिना सीएसएस ( CSS) के एक एचटीएमएल पेज फीका है आप देख सकते है नीचे दोनो में क्या डिफ़्रेन्स है
सीएसएस (CSS) सीखना बहोत ही आसान है तीन तरह के सीएसएस होते है एक इनलाइन सीएसएस (Inline CSS) , इंटेरनल सीएसएस (internal CSS), एक्सटरनल सीएसएस (External CSS) इन तीनो का यूज़ आप नीचे दिए गए विडीओ में बहोत ही आसान तरीक़े से समझाया ग़या है एक बार कॉन्सेप्ट आजाएगा तो फिर आप अपने वेबसाइट डिज़ाइन (Website Design) करना सीख जाओगे
स्टेप 6: एचटीएमएल में ग्राफ़िक्स, एपीआइ (API) सीखे
ऊपर दिए गए सभी चीजें सीखने के बाद आप लगभग एचटीएमएल का बेसिक्स फ़ंडा आजाएगा उसके बाद आपको नेक्स्ट स्टेप की तरफ़ बढ़ सकते है जैसे कि एचटीएमएल ग्राफ़िक्स (HTML Graphics) सीखे सकते ये थोड़ा मुसकिल है लेकिन आपको ज़रूर आना चाहिए इसमें आपको कैन्वस (Canvas) और एसवीजी (SVG) जैसी चीजें सीखने पड़ेंगी.
फिर उसके बाद आपको और एचटीएमएल एपीआइ (API) सीखना पड़ेगा जिसमें आपको वेब स्टॉरिज (web storage), वेब वर्कर(Web Workers), एसएसई (SSE) जैसे चीजें सीखने होंगे जो थोड़ा मुसकिल है और इसके लिए आपको टाइम लगेगा.
स्टेप 7: कोडिंग (coding) लिखने की प्रैक्टिस करे
एचटीएमएल में सिख तो लेते है लोग लेकिन प्रैक्टिस नहि करते है और फिर कुछ समय बाद भूल जाते है अगर आपको कोडिंग सीखना है एक्स्पर्ट बन्ना है कोडिंग में तो आपको रोज़ाना घंटो प्रैक्टिस करना होगा तभी आगे जाके एक बेहतर डिवेलपर बन सकते है तो इसके लिए आप नीचे दिए गए तरीक़े अपनाए
- रोज़ाना कोडिंग (coding) करे
- इंटेरनेट में एचटीएमएल वेब पेज के कोडिंग देखे कैसे किया गया है
- वेब पेजेज़ (web page) बनाना शुरू करे
- वेब साइट डिज़ाइन करना शुरू करदे धीरे धीरे