HTML for Kids · पाठ

HTML खज़ाने की खोज

संकेतों को हल करने और छिपे संदेश खोजने के लिए HTML का उपयोग करें

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

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

खजाने की खोज शुरू करना

HTML खजाने की खोज

HTML खजाने की खोज में आपका स्वागत है! आपका लक्ष्य HTML कोड में छिपे संकेतों को हल करके छिपे हुए खजाने को ढूँढ़ना है। हर चरण का ध्यानपूर्वक पालन करें और आगे बढ़ने के लिए कोड में बदलाव करें।

लक्ष्य: हर कार्य पूरा करके खजाना ढूँढ़ें!

खजाने का नक्शा तैयार करना

चरण 1: खजाने का नक्शा तैयार करना

पहला संकेत एक टिप्पणी में छिपा है। HTML कोड खोलें और संकेत ढूँढ़ें!

यहाँ शुरुआती HTML कोड है:

<!DOCTYPE html>
<html>
  <head>
    <title>Treasure Hunt</title>
  </head>
  <body>
    <h1>Welcome to the Treasure Hunt!</h1>
    <p>Follow the clues to find the treasure.</p>
    
    <!-- Clue 1: Add an image to this page with a description of "Treasure Map". -->
    
  </body>
</html>

खजाने का नक्शा जोड़ना

चरण 2: खजाने का नक्शा जोड़ना

क्या आपने खजाने का नक्शा जोड़ दिया? यहाँ एक उदाहरण है:

<img src="treasure-map.jpg" alt="Treasure Map" />

अपने उपकरण तैयार करना

चरण 3: अपने उपकरण तैयार करना

आगे बढ़ने के लिए उन उपकरणों की एक सूची बनाएँ जिन्हें आप खजाने की खोज पर साथ ले जाना चाहेंगे। <ul> और <li> टैग का उपयोग करें।

उदाहरण:

<ul>
  <li>Compass</li>
  <li>Flashlight</li>
  <li>Map</li>
</ul>

अधिक जानकारी ढूँढ़ना

चरण 4: अधिक जानकारी ढूँढ़ना

<a> टैग का उपयोग करके खजाने की खोज से संबंधित वेबसाइट का लिंक जोड़ें।

उदाहरण:

<a href="https://www.example.com" target="_blank">Learn More About Treasure Hunting</a>

अंतिम चुनौती

चरण 5: अंतिम चुनौती

खजाना लगभग आपका है! इसे खोलने के लिए ऐसा बटन बनाएँ जो क्लिक करने पर छिपा हुआ संदेश दिखाए।

मार्गदर्शन के लिए नीचे दिए गए उदाहरण का उपयोग करें:

<p id="hidden-message" style="display: none;">You found the treasure! 🎉</p>
<button onclick="document.getElementById('hidden-message').style.display='block';">
  Reveal the Treasure
</button>

अपने पृष्ठ का परीक्षण करना

चरण 6: अपने पृष्ठ का परीक्षण करना

अब जब आपने सभी तत्व जोड़ दिए हैं, तो अपने पृष्ठ का परीक्षण करें। सुनिश्चित करें कि:

चित्र सही ढंग से दिखाई दे।
उपकरणों की सूची दिखाई दे।
लिंक वेबसाइट को नए टैब में खोले।
बटन खजाने का संदेश दिखाए।

यदि सब कुछ सही ढंग से काम करता है, तो बधाई हो—आपने खजाने की खोज पूरी कर ली है!

अंतिम खजाना

आपका अंतिम पृष्ठ कुछ इस तरह दिखाई दे सकता है:

<!DOCTYPE html>
<html>
  <head>
    <title>Treasure Hunt</title>
  </head>
  <body>
    <h1>Welcome to the Treasure Hunt!</h1>
    <p>Follow the clues to find the treasure.</p>
    
    <!-- Step 1: Added the treasure map -->
    <img src="treasure-map.jpg" alt="Treasure Map" />
    
    <!-- Step 2: Listed tools for treasure hunting -->
    <h2>My Treasure Hunting Tools</h2>
    <ul>
      <li>Compass</li>
      <li>Flashlight</li>
      <li>Map</li>
    </ul>
    
    <!-- Step 3: Added a useful link -->
    <h2>Learn More</h2>
    <a href="https://www.example.com" target="_blank">Learn More About Treasure Hunting</a>
    
    <!-- Step 4: Added the hidden treasure -->
    <h2>Your Treasure</h2>
    <p id="hidden-message" style="display: none;">You found the treasure! 🎉</p>
    <button onclick="document.getElementById('hidden-message').style.display='block';">
      Reveal the Treasure
    </button>
  </body>
</html>

खजाने की खोज: पुनरावलोकन

Great Job!

Congratulations! You’ve completed the HTML Treasure Hunt. You’ve practiced working with images, lists, links, and buttons—all essential elements of web development. Keep exploring and creating amazing projects!

शुरुआत निःशुल्क

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

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

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

निःशुल्क सीखना शुरू करें पूरा पाठ्यक्रम देखें

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

क्या “HTML खज़ाने की खोज” पाठ निःशुल्क है?

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

“HTML खज़ाने की खोज” में मैं क्या सीखूँगा?

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

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

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

“HTML खज़ाने की खोज” पाठ पूरा करने में कितना समय लगता है?

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

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

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

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

साथ-साथ कोडिंग: सरल वेब पेज बनाएँ
HTML खज़ाने की खोज

← HTML for Kids पर वापस जाएँ