HTML for Kids · पाठ

अपना पहला HTML पेज सेट अप करना

एक सरल टेक्स्ट एडिटर का उपयोग करके अपना पहला HTML कोड लिखिए।

पाठ 4, कुल 4 में से10 चरण

अपना पहला HTML पेज सेट अप करना, CoddyKit पर HTML for Kids का एक निःशुल्क पाठ है। यह 4 में से 4वाँ पाठ है। आप नीचे पूरा पाठ निःशुल्क पढ़ सकते हैं—फिर अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर के साथ ब्राउज़र में इसका व्यावहारिक अभ्यास कर सकते हैं। यह HTML for Kids सीखने के मार्ग का हिस्सा है और आपकी प्रगति वेब तथा CoddyKit ऐप पर सिंक होती रहती है। HTML for Kids पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

अपना पहला HTML पृष्ठ तैयार करना

HTML सीखने के सबसे रोमांचक भाग में आपका स्वागत है! आज हम अपना पहला HTML पृष्ठ बिल्कुल शुरुआत से बनाएँगे। अपने कोड को साकार होते देखने के लिए तैयार हो जाइए!

अपना पहला HTML पेज सेट अप करना — चित्र 1

आपको आवश्यक उपकरण

HTML पृष्ठ बनाने के लिए आपको केवल दो चीज़ों की आवश्यकता है:

  • एक पाठ संपादक: उदाहरणों में Notepad (Windows), TextEdit (Mac) या VS Code जैसे कोई अन्य संपादक शामिल हैं।
  • एक वेब ब्राउज़र: अपना पृष्ठ देखने के लिए Chrome, Firefox या कोई भी ब्राउज़र।

आइए, कोड लिखना शुरू करें!

अपना पाठ संपादक खोलें

चरण 1: अपना पाठ संपादक खोलें

1. अपना पाठ संपादक खोलें, जैसे Notepad या VS Code।

2. एक नई file को index.html नाम से सहेजें। .html एक्सटेंशन शामिल करना न भूलें!

अब हम HTML कोड जोड़ने के लिए तैयार हैं!

मूल संरचना लिखें

चरण 2: मूल संरचना लिखें

हर HTML पृष्ठ को एक मूल संरचना की आवश्यकता होती है। निम्नलिखित कोड अपनी file में लिखें:

<!DOCTYPE html>
<html>
  <head>
    <title>My First HTML Page</title>
  </head>
  <body>
    <!-- Content goes here -->
  </body>
</html>

एक शीर्षक जोड़ें

चरण 3: एक शीर्षक जोड़ें

<body> टैग के भीतर अपने पृष्ठ पर एक शीर्षक जोड़ें:

<h1>Welcome to My First Web Page!</h1>

एक अनुच्छेद जोड़ें

चरण 4: एक अनुच्छेद जोड़ें

शीर्षक के नीचे अपने पृष्ठ का वर्णन करने वाला एक अनुच्छेद जोड़ें:

<p>This is my first web page, and I’m learning HTML. It’s so much fun!</p>

अपना पृष्ठ सहेजें और खोलें

चरण 5: अपना पृष्ठ सहेजें और खोलें

1. अपना कोड लिखने के बाद file सहेजें।

2. अपना ब्राउज़र खोलें।

3. index.html file को खींचकर ब्राउज़र विंडो में छोड़ें।

वाह! आपका पहला वेब पृष्ठ सक्रिय हो गया!

आपका पूरा HTML पृष्ठ

आपका अंतिम कोड इस प्रकार दिखाई देना चाहिए:

<!DOCTYPE html>
<html>
  <head>
    <title>My First HTML Page</title>
  </head>
  <body>
    <h1>Welcome to My First Web Page!</h1>
    <p>This is my first web page, and I’m learning HTML. It’s so much fun!</p>
  </body>
</html>
<!DOCTYPE html>
<html>
  <head>
    <title>My Awesome Page</title>
  </head>
  <body>
    <h1>Hello, World!</h1>
  </body>
</html>

बहुत बढ़िया!

अपना पहला HTML पृष्ठ बनाने पर बधाई! आपने मूल संरचना तैयार करना, शीर्षक जोड़ना और अनुच्छेद लिखना सीख लिया है। अगले पाठ में हम आपके पृष्ठ पर छवियों और लिंक जैसे और भी रोमांचक तत्व जोड़ना सीखेंगे। इसी तरह शानदार काम करते रहिए!

अपना पहला HTML पेज सेट अप करना — चित्र 10
शुरुआत निःशुल्क

एआई शिक्षक के साथ HTML सीखें — निःशुल्क

अपने ब्राउज़र में वास्तविक कोड लिखें और चलाएँ, चौबीसों घंटे एआई शिक्षक से तुरंत सहायता पाएँ, और वेब या ऐप पर वहीं से शुरू करें जहाँ आपने छोड़ा था।

पाठ्यक्रम
16
पाठ
35

अक्सर पूछे जाने वाले प्रश्न

क्या “अपना पहला HTML पेज सेट अप करना” पाठ निःशुल्क है?

हाँ—“अपना पहला HTML पेज सेट अप करना” का पूरा पाठ यहाँ वेब पर निःशुल्क पढ़ा जा सकता है। इंटरैक्टिव अभ्यास (अंतर्निहित कोड संपादक और 24/7 एआई ट्यूटर) करने और HTML for Kids पाठ्यक्रम का बाकी हिस्सा अनलॉक करने के लिए CoddyKit PRO लें। HTML for Kids पाठ्यक्रम में कुल 4 पाठ शामिल हैं।

“अपना पहला HTML पेज सेट अप करना” में मैं क्या सीखूँगा?

एक सरल टेक्स्ट एडिटर का उपयोग करके अपना पहला HTML कोड लिखिए। आप ब्राउज़र में सीधे चलाए जाने वाले व्यावहारिक कोड के साथ HTML for Kids का अभ्यास करते हैं, और पाठ पूरा करते समय 24/7 एआई ट्यूटर आपके प्रश्नों के उत्तर देता है।

क्या HTML for Kids शुरू करने के लिए मुझे किसी अनुभव की आवश्यकता है?

पहले के अनुभव की आवश्यकता नहीं है। CoddyKit पर HTML for Kids शुरुआती से लेकर उन्नत शिक्षार्थियों तक सभी के लिए व्यवस्थित किया गया है, इसलिए आप यहीं से या शुरुआत से सीखना शुरू कर सकते हैं और अपनी गति से आगे बढ़ सकते हैं। यह 4 में से 4वाँ पाठ है।

“अपना पहला HTML पेज सेट अप करना” पाठ पूरा करने में कितना समय लगता है?

CoddyKit का अधिकांश पाठ लगभग 5–10 मिनट में पूरा हो जाता है। हर पाठ छोटा और संवादात्मक है, इसलिए आप लगातार प्रगति करते हैं और वेब या ऐप पर वहीं से सीखना जारी रख सकते हैं जहाँ आपने छोड़ा था।

क्या मैं इस HTML for Kids पाठ में कोड लिख और चला सकता हूँ?

हाँ। हर HTML for Kids पाठ में एक अंतर्निर्मित कोड संपादक शामिल है, जिससे आप सीधे अपने ब्राउज़र में वास्तविक कोड लिख और चला सकते हैं और तुरंत एआई प्रतिक्रिया पा सकते हैं—स्थानीय सेटअप की आवश्यकता नहीं है।

इस पाठ्यक्रम के सभी पाठ

  1. HTML क्या है?
  2. HTML संरचना: निर्माण खंड
  3. HTML टैग और एलिमेंट
  4. अपना पहला HTML पेज सेट अप करना
← HTML for Kids पर वापस जाएँ