Pemburuan Harta Karun HTML
Gunakan HTML untuk menyelesaikan petunjuk dan mencari mesej tersembunyi
Pemburuan Harta Karun HTML ialah pelajaran HTML for Kids percuma di CoddyKit. Ini ialah pelajaran 2 daripada 2. Anda boleh membaca keseluruhan pelajaran di bawah secara percuma — kemudian berlatih secara praktikal dalam pelayar menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran HTML for Kids, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus HTML for Kids merangkumi sejumlah 2 pelajaran.
Memulakan Pemburuan Harta Karun
Pemburuan Harta Karun HTML
Selamat datang ke Pemburuan Harta Karun HTML! Misi anda adalah untuk menemukan harta karun yang tersembunyi dengan menyelesaikan petunjuk dalam kod HTML. Ikuti setiap langkah dengan teliti dan ubah suai kod untuk mara ke hadapan.
Matlamat: Temukan harta karun dengan menyelesaikan setiap tugasan!
Menyediakan Peta Harta Karun
Langkah 1: Menyediakan Peta Harta Karun
Petunjuk pertama tersembunyi dalam komen. Buka kod HTML dan cari petunjuk tersebut!
Berikut ialah kod HTML permulaan:
<!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>
Menambahkan Peta Harta Karun
Langkah 2: Menambahkan Peta Harta Karun
Sudahkah anda menambahkan peta harta karun? Berikut ialah contohnya:
<img src="treasure-map.jpg" alt="Treasure Map" />Mengemas Alat Anda
Langkah 3: Mengemas Alat Anda
Untuk meneruskan, cipta senarai alat yang akan anda bawa semasa pemburuan harta karun. Gunakan teg <ul> dan <li>.
Contoh:
<ul>
<li>Compass</li>
<li>Flashlight</li>
<li>Map</li>
</ul>
Mencari Maklumat Lanjut
Langkah 4: Mencari Maklumat Lanjut
Tambahkan pautan ke laman web tentang pemburuan harta karun menggunakan teg <a>.
Contoh:
<a href="https://www.example.com" target="_blank">Learn More About Treasure Hunting</a>
Cabaran Terakhir
Langkah 5: Cabaran Terakhir
Harta karun itu hampir menjadi milik anda! Untuk membukanya, cipta butang yang mendedahkan mesej tersembunyi apabila diklik.
Gunakan contoh berikut sebagai panduan:
<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>
Menguji Halaman Anda
Langkah 6: Menguji Halaman Anda
Kini setelah anda menambahkan semua elemen, uji halaman anda. Pastikan:
- Imej dipaparkan dengan betul.
- Senarai alat kelihatan.
- Pautan membuka laman web dalam tab baharu.
- Butang mendedahkan mesej harta karun.
Jika semuanya berfungsi, tahniah—anda telah menyelesaikan pemburuan harta karun!
Harta Karun Terakhir
Beginilah rupa halaman terakhir anda:
<!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>
Imbas Kembali Pemburuan Harta Karun
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!
Pelajari HTML dengan tutor kecerdasan buatan — percuma
Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.
- Kursus
- 16
- Pelajaran
- 35
Soalan Lazim
Adakah pelajaran “Pemburuan Harta Karun HTML” percuma?
Ya — teks penuh “Pemburuan Harta Karun HTML” boleh dibaca secara percuma di web ini. Untuk berlatih secara interaktif menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7, serta membuka kunci baki kursus HTML for Kids, tingkat taraf kepada CoddyKit PRO. Kursus HTML for Kids merangkumi sejumlah 2 pelajaran.
Apakah yang akan saya pelajari dalam “Pemburuan Harta Karun HTML”?
Gunakan HTML untuk menyelesaikan petunjuk dan mencari mesej tersembunyi Anda berlatih HTML for Kids menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.
Adakah saya memerlukan pengalaman untuk memulakan HTML for Kids?
Tiada pengalaman terdahulu diperlukan. Pembelajaran HTML for Kids di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 2 daripada 2.
Berapa lamakah pelajaran “Pemburuan Harta Karun HTML” diambil?
Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.
Bolehkah saya menulis dan menjalankan kod dalam pelajaran HTML for Kids ini?
Ya. Setiap pelajaran HTML for Kids menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.
Semua pelajaran dalam kursus ini
- Ikut Bersama: Bina Halaman Web Mudah
- Pemburuan Harta Karun HTML