Latihan 1 dari materi Code, Pre & Kbd di HTML — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Buat dua bagian, berurutan:
Blok kode: <code> di dalam <pre>, dengan isi kode console.log("Halo");
Satu paragraf <p> berisi petunjuk shortcut dengan minimal dua tombol. Tiap tombol dibungkus <kbd> sendiri, dan salah satunya Ctrl (C besar). Tombol keduanya bebas, misalnya S buat menyimpan.
Contoh bentuk paragrafnya: Simpan dengan Ctrl + S. Tulis blok kode dan paragrafnya terpisah, jangan saling masuk.
Hint
Ada dua bagian terpisah: blok kode dulu, lalu satu paragraf berisi shortcut.
Blok kode pakai <pre> di luar dan <code> di dalam. Di paragraf, tiap tombol pakai <kbd> sendiri, dan tanda + di antaranya cuma teks biasa.
<pre><code>console.log("Halo");</code></pre> lalu <p>Simpan dengan <kbd>Ctrl</kbd> + <kbd>S</kbd>.</p>
</>{ }.css=>#idfn()
Versi baru
HyperSheets
bagian dari BelajarWeb.dev
0%
Membuka gerbang…
HyperSheets
Memperbarui Aplikasi
Versi baru tersedia. Halaman akan dimuat ulang otomatis...