सप्ताहांत में HTML सीखने का पूरा गाइड

दो दिन में HTML की बुनियादी बातें सीखने के लिए व्यावहारिक और आसान तरीके।

  1. शुक्रवार की शाम: तैयारी करें. सबसे पहले एक सादा टेक्स्ट एडिटर डाउनलोड करें जैसे Notepad++ या Visual Studio Code। फिर अपने कंप्यूटर पर एक नया फोल्डर बनाएं जिसका नाम हो 'मेरी वेबसाइट'। इस फोल्डर में आप अपनी सारी HTML फाइलें रखेंगे। अब W3Schools.com की HTML tutorial का लिंक बुकमार्क कर लें - यह आपका सबसे अच्छा दोस्त होगा।
  2. शनिवार सुबह: HTML की बुनियादी बातें (2-3 घंटे). HTML का मतलब है HyperText Markup Language। यह एक भाषा है जो वेब ब्राउज़र को बताती है कि पेज पर क्या दिखाना है। हर HTML फाइल में tags होते हैं जो <> के अंदर लिखे होते हैं। अपनी पहली फाइल बनाएं - नोटपैड खोलें और लिखें: <html><head><title>मेरा पहला पेज</title></head><body><h1>नमस्ते!</h1></body></html>। इसे index.html नाम से सेव करें और ब्राउज़र में खोलकर देखें।
  3. शनिवार दोपहर: टैग्स और structure सीखें (3-4 घंटे). अब मुख्य HTML tags सीखें। <h1> से <h6> तक हेडिंग के लिए, <p> paragraph के लिए, <br> नई लाइन के लिए, <img> तस्वीर के लिए, और <a> लिंक के लिए इस्तेमाल होते हैं। Lists बनाने के लिए <ul> और <ol> का प्रयोग करें। हर tag को खोलने के बाद बंद करना जरूरी है जैसे <p>यह पैराग्राफ है</p>। अभ्यास के लिए अपने परिवार के बारे में एक छोटा पेज बनाएं।
  4. शनिवार शाम: styling और formatting (2 घंटे). HTML में basic formatting के लिए कुछ tags हैं। <b> या <strong> बोल्ड टेक्स्ट के लिए, <i> या <em> तिरछे अक्षरों के लिए। Colors और fonts बदलने के लिए style attribute का इस्तेमाल करें जैसे <p style='color:blue'>नीला टेक्स्ट</p>। Tables बनाने के लिए <table>, <tr> और <td> tags सीखें। एक सुंदर table बनाकर अपने दोस्तों की जानकारी डालें।
  5. रविवार सुबह: forms और interactive elements (3 घंटे). Forms वेबसाइट का जरूरी हिस्सा हैं। <form> tag के अंदर <input> elements का प्रयोग करें। Text box के लिए type='text', button के लिए type='submit' का इस्तेमाल करें। <textarea> बड़े टेक्स्ट के लिए और <select> dropdown menu के लिए काम आता है। एक सरल contact form बनाकर अभ्यास करें जिसमें नाम, email और message के options हों।
  6. रविवार दोपहर: अपनी website बनाएं (3-4 घंटे). अब सब कुछ मिलाकर एक पूरी वेबसाइट बनाएं। एक homepage, about page और contact page बनाएं। सभी pages को आपस में link करें। अपनी पसंदीदा तस्वीरें add करें और family के बारे में लिखें। Navigation menu बनाएं ताकि visitors आसानी से एक page से दूसरे पर जा सकें। याद रखें कि सभी files का नाम simple और छोटा रखें।
  7. रविवार शाम: testing और finishing touches (1-2 घंटे). अपनी वेबसाइट को अलग-अलग browsers में check करें। सभी links काम कर रहे हैं या नहीं देखें। Images properly load हो रही हैं या नहीं confirm करें। अपनी HTML code को clean और organized रखें - proper indentation का इस्तेमाल करें। अंत में अपनी मेहनत का फल देखने के लिए पूरी website को family और दोस्तों को दिखाएं।