परिचय
HTML हैंडबुक में आपका स्वागत है! मैं जूनो हूं, और मुझे खुशी है कि आप यहां हैं। लोगों को अपना पहला वेब पृष्ठ लिखने में मदद करना मेरा पसंदीदा काम है, और यह देखना कि HTML कैसे कोण कोष्ठकों की दीवार से कुछ समझदारी भरे में बदल जाता है, कभी पुराना नहीं होता।
हम बिल्कुल शुरुआत से शुरू करेंगे, यह समझेंगे कि वेब पृष्ठ वास्तव में क्या है, और इसे एक बार में एक छोटे टुकड़े से बनाएंगे। कोई अनुभव आवश्यक नहीं है।
यहां कुछ भी इतना बुनियादी नहीं है कि इसके बारे में पूछने में संकोच हो, इसलिए अपनी गति से चलें और हम एक साथ वहां पहुंचेंगे!
यह हैंडबुक वेब विकास में शुरुआत करने वाले किसी के लिए भी है। HTML वेब की पहली भाषा है: सादा पाठ जो वर्णन करता है कि एक पृष्ठ पर क्या है, इसके शीर्षलेख और पैराग्राफ से लेकर इसकी छवियां, लिंक और बटन तक। इससे पहले कि आप किसी पृष्ठ को स्टाइल कर सकें या इसे इंटरेक्टिव बना सकें, आप वर्णन करते हैं कि इसमें क्या है, और यह विवरण HTML है। दो शर्तों के बारे में एक त्वरित शब्द जो आप पूरे समय देखेंगे: एक ब्राउज़र वह प्रोग्राम है जो आपके HTML को पढ़ता है और पृष्ठ को ड्राइव करता है, जैसे Chrome या Safari, और एक element एक पृष्ठ का एक एकल लेबल किया गया टुकड़ा है, जैसे कि एक शीर्षलेख या एक पैराग्राफ। यहां हर अवधारणा पूरी तरह से लिखी गई है, गहराई, उदाहरण और कुछ के साथ जब आपको जल्दी उत्तर की आवश्यकता हो तो खोजने के लिए।
आपको शुरू करने के लिए कोई पूर्व कोडिंग अनुभव की आवश्यकता नहीं है। यदि आप एक फाइल में पाठ टाइप कर सकते हैं, तो आपके पास पहले अध्यायों के लिए जो कुछ चाहिए वह सब कुछ है, और बाकी सब कुछ जैसे-जैसे आता है वैसे ही प्रस्तुत किया जाता है। HTML वह है जहां लगभग हर वेब डेवलपर शुरू करता है, क्योंकि दुनिया का हर वेबसाइट, कितना भी जटिल हो, इसके ऊपर बनाया गया है।
हैंडबुक नीचे की ओर से अपना रास्ता बनाता है। आप सीखेंगे कि एक पृष्ठ को कैसे संरचित करें और पाठ को कैसे चिह्नित करें, लिंक और मीडिया कैसे जोड़ें, शब्दार्थ के साथ अपने मार्कअप को वास्तविक अर्थ कैसे दें, फॉर्म कैसे बनाएं जो आपके आगंतुकों से इनपुट लेते हैं, और ऐसे पृष्ठ कैसे बनाएं जो सभी के लिए सुलभ हों और खोज इंजन के लिए समझने में आसान हों। हर विचार अपने आप में छोटा है, और वे उन पृष्ठों में ढेर हो जाते हैं जो आप वास्तव में भेज सकते हैं।
यहां का दृष्टिकोण यह समझाना है कि HTML का प्रत्येक टुकड़ा क्या करता है और क्यों, केवल क्या टाइप करना है। कोई भी उदाहरण से एक टैग कॉपी कर सकता है और स्क्रीन पर कुछ दिखाई दे सकता है। उस और पृष्ठों को बनाने के बीच की दूरी जो पठनीय, सुलभ और परिवर्तन में आसान हैं, यह समझना है कि आपके मार्कअप का ब्राउज़र, स्क्रीन रीडर और अगले व्यक्ति के लिए क्या मतलब है जो इसे संपादित करता है। यह समझ ही वह है जो किसी भी एकल परियोजना को समाप्त करता है।
अपने गाइड से मिलें
यह हैंडबुक तीन गाइड द्वारा होस्ट किया जाता है, और आप चुनते हैं कि कौन सा आपको चारों ओर दिखाता है। सामग्री सभी के लिए समान है; आपका गाइड वह आवाज सेट करता है जिसमें इसे बताया जाता है, और उन पृष्ठों पर जो अनुकूल होते हैं, प्रत्येक खंड कितना गहरा जाता है।
- जूनो शुरुआती ट्रैक को सिखाता है: गर्म और धैर्यवान, सादा सादृश्य, कुछ भी नहीं माना।
- Ace intermediate ट्रैक को सिखाता है: व्यावहारिक और build-first, सीधे आप जो वास्तव में करते हैं उसे।
- Sol Deep Dive को सिखाता है: तंत्र, ट्रेड-ऑफ, और उत्पादन विवरण जो सभी छोड़ देते हैं।
किसी भी पृष्ठ के शीर्ष पर पिकर से किसी भी समय गाइड स्विच करें, या अपने गाइड, भाषा या फॉन्ट आकार को बदलने के लिए नीचे दाईं ओर Preferences खोलें।
जब आप तैयार हों, तो हैंडबुक गंभीरता से शुरू होता है। अगला अध्याय, HTML क्या है, यह बताता है कि HTML वास्तव में क्या है और टैग, element और attribute की छोटी शब्दावली जिस पर बाकी सब कुछ बनाया गया है।
निर्माण करके सीखना पसंद करते हैं?Scrimba का मुफ्त HTML और CSS कोर्स पांच projects और 75+ इंटरएक्टिव challenges के माध्यम से एक ही जमीन को कवर करता है।