Your first web page · Halaman web pertama Anda
This page needs a recent browser (with SharedArrayBuffer support). Please update Chrome, Edge, Firefox or Safari to the latest version. · Halaman ini memerlukan browser terbaru (dengan dukungan SharedArrayBuffer). Silakan perbarui Chrome, Edge, Firefox, atau Safari ke versi terbaru.
English
Welcome to the web
- A web page is made with HTML.
- HTML is just text with tags around it.
- You write HTML here and watch it appear — nothing to install.
Bahasa Indonesia
Selamat datang di dunia web
- Sebuah halaman web dibuat dengan HTML.
- HTML hanyalah teks dengan tag di sekelilingnya.
- Anda menulis HTML di sini dan melihatnya muncul — tidak perlu menginstal apa pun.
English
How this page works
- Type in the box, then press ▶ to see your page.
- Press ✓ Check to see if your task is correct.
- Stuck? Press 💡 for a hint. Press ↻ to start over.
- Read each step, then press Continue.
Bahasa Indonesia
Bagaimana halaman ini bekerja
- Ketik di dalam kotak, lalu tekan ▶ untuk melihat halaman Anda.
- Tekan ✓ Check untuk melihat apakah tugas Anda sudah benar.
- Tertahan? Tekan 💡 untuk mendapatkan petunjuk. Tekan ↻ untuk memulai ulang.
- Bacalah setiap langkah, lalu tekan Lanjutkan.
English
Tags wrap your words
- A tag is a word inside angle brackets, like
<p>. - Most tags come as a pair: an opening
<p>and a closing</p>. - A
<p>makes a paragraph — a block of text.
Bahasa Indonesia
Tag membungkus kata-kata Anda
- Sebuah tag adalah kata di dalam tanda kurung siku, seperti
<p>. - Sebagian besar tag datang sebagai pasangan: pembuka
<p>dan penutup</p>. - Tag
<p>membuat paragraf — blok teks.
<p>Hello! This is my first web page.</p>
English
More than one paragraph
- Put each paragraph in its own pair of
<p>tags. - The browser shows them one after another, top to bottom.
Bahasa Indonesia
Lebih dari satu paragraf
- Letakkan setiap paragraf dalam pasangan tag
<p>sendiri-sendiri. - Browser menampilkannya satu per satu, dari atas ke bawah.
<p>I am learning HTML.</p>
<p>This is fun.</p>
English
Common mistakes
- Tags go in angle brackets; the text you see goes between them.
- Most tags come in pairs, like
<p>...</p>.
Bahasa Indonesia
Kesalahan umum
- Tag berada di dalam tanda kurung siku; teks yang Anda lihat berada di antaranya.
- Sebagian besar tag datang berpasangan, seperti
<p>...</p>.
English
Now you try
- Below are two small tasks. Type your HTML and press ▶ to see it.
- Press ✓ Check when you think it is right. You can try as many times as you like.
Bahasa Indonesia
Sekarang Anda coba
- Di bawah ini ada dua tugas kecil. Ketik HTML Anda dan tekan ▶ untuk melihat hasilnya.
- Tekan ✓ Check ketika Anda merasa itu sudah benar. Anda bisa mencobanya berkali-kali sesuai keinginan.
Explore · Jelajahi
HTML is a tree of nodes · HTML adalah pohon node
Tags nest inside tags — the browser builds a tree (the DOM). · Tags bersarang di dalam tags — browser membangun pohon (DOM).
Write a paragraph that says Hello, world! — type your text between the <p> and </p> tags. · Tulis paragraf yang berisi Hello, world! — ketik teks Anda di antara tag <p> dan </p>.
Add a second paragraph below the first one. Make it say I made this. (Use a new pair of <p> … </p> tags.) · Tambahkan paragraf kedua di bawah yang pertama. Buatlah berisi I made this. (Gunakan pasangan tag <p> … </p> baru.)