Perburuan Harta Karun HTML
Gunakan HTML untuk memecahkan petunjuk dan menemukan pesan tersembunyi
Perburuan Harta Karun HTML adalah pelajaran HTML for Kids gratis di CoddyKit. Ini adalah pelajaran 2 dari 2. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar HTML for Kids, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus HTML for Kids mencakup 2 pelajaran total.
Memulai Perburuan Harta Karun
Perburuan Harta Karun HTML
Selamat datang di Perburuan Harta Karun HTML! Misi Anda adalah menemukan harta karun tersembunyi dengan memecahkan petunjuk yang tersembunyi dalam kode HTML. Ikuti setiap langkah dengan saksama dan ubah kode untuk melanjutkan.
Tujuan: Temukan harta karun dengan menyelesaikan setiap tugas!
Menyiapkan Peta Harta Karun
Langkah 1: Menyiapkan Peta Harta Karun
Petunjuk pertama tersembunyi dalam komentar. Buka kode HTML dan temukan petunjuk tersebut!
Berikut kode HTML awalnya:
<!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 contohnya:
<img src="treasure-map.jpg" alt="Treasure Map" />Mengemas Peralatan Anda
Langkah 3: Mengemas Peralatan Anda
Untuk melanjutkan, buat daftar peralatan yang akan Anda bawa dalam perburuan harta karun. Gunakan tag <ul> dan <li>.
Contoh:
<ul>
<li>Compass</li>
<li>Flashlight</li>
<li>Map</li>
</ul>
Menemukan Informasi Lebih Lanjut
Langkah 4: Menemukan Informasi Lebih Lanjut
Tambahkan tautan ke situs web tentang perburuan harta karun menggunakan tag <a>.
Contoh:
<a href="https://www.example.com" target="_blank">Learn More About Treasure Hunting</a>
Tantangan Terakhir
Langkah 5: Tantangan Terakhir
Harta karun hampir menjadi milik Anda! Untuk membukanya, buat tombol yang menampilkan pesan tersembunyi saat 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
Sekarang setelah Anda menambahkan semua elemen, uji halaman Anda. Pastikan:
- Gambar ditampilkan dengan benar.
- Daftar peralatan terlihat.
- Tautan membuka situs web di tab baru.
- Tombol menampilkan pesan harta karun.
Jika semuanya berfungsi, selamat—Anda telah menyelesaikan perburuan harta karun!
Harta Karun Terakhir
Berikut tampilan halaman akhir 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>
Ringkasan Perburuan 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!
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Perburuan Harta Karun HTML” gratis?
Ya — teks lengkap “Perburuan Harta Karun HTML” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus HTML for Kids, upgrade ke CoddyKit PRO. Kursus HTML for Kids mencakup 2 pelajaran total.
Apa yang akan aku pelajari di “Perburuan Harta Karun HTML”?
Gunakan HTML untuk memecahkan petunjuk dan menemukan pesan tersembunyi Kamu berlatih HTML for Kids dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai HTML for Kids?
Tidak diperlukan pengalaman sebelumnya. HTML for Kids di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 2 dari 2.
Berapa lama pelajaran “Perburuan Harta Karun HTML” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran HTML for Kids ini?
Ya. Setiap pelajaran HTML for Kids menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.
Semua pelajaran dalam kursus ini
- Ikuti Pengodean: Buat Halaman Web Sederhana
- Perburuan Harta Karun HTML