Menyiapkan Halaman HTML Pertama Anda
Tulis kode HTML pertama Anda menggunakan editor teks sederhana.
Menyiapkan Halaman HTML Pertama Anda adalah pelajaran HTML for Kids gratis di CoddyKit. Ini adalah pelajaran 4 dari 4. 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 4 pelajaran total.
Menyiapkan Halaman HTML Pertama Anda
Selamat datang di bagian paling menarik dalam mempelajari HTML! Hari ini, kita akan membuat halaman HTML pertama Anda dari awal. Bersiaplah melihat kode Anda menjadi nyata!
Alat yang Anda Perlukan
Untuk membuat halaman HTML, Anda hanya memerlukan dua hal:
- Editor Teks: Contohnya Notepad (Windows), TextEdit (Mac), atau editor lain seperti VS Code.
- Peramban Web: Chrome, Firefox, atau peramban apa pun untuk melihat halaman Anda.
Mari mulai menulis kode!
Buka Editor Teks Anda
Langkah 1: Buka Editor Teks Anda
1. Buka editor teks Anda, seperti Notepad atau VS Code.
2. Simpan file baru sebagai index.html. Pastikan Anda menyertakan ekstensi .html!
Sekarang kita siap menambahkan kode HTML!
Tulis Struktur Dasar
Langkah 2: Tulis Struktur Dasar
Setiap halaman HTML memerlukan struktur dasar. Ketik kode berikut ke dalam file Anda:
<!DOCTYPE html>
<html>
<head>
<title>My First HTML Page</title>
</head>
<body>
<!-- Content goes here -->
</body>
</html>Tambahkan Judul
Langkah 3: Tambahkan Judul
Di dalam tag <body>, tambahkan judul ke halaman Anda:
<h1>Welcome to My First Web Page!</h1>
Tambahkan Paragraf
Langkah 4: Tambahkan Paragraf
Di bawah judul, tambahkan paragraf yang menjelaskan halaman Anda:
<p>This is my first web page, and I’m learning HTML. It’s so much fun!</p>
Simpan dan Buka Halaman Anda
Langkah 5: Simpan dan Buka Halaman Anda
1. Simpan file setelah menulis kode Anda.
2. Buka peramban Anda.
3. Seret dan letakkan file index.html ke jendela peramban.
Voila! Halaman web pertama Anda sudah aktif!
Halaman HTML Lengkap Anda
Berikut tampilan kode akhir Anda:
<!DOCTYPE html>
<html>
<head>
<title>My First HTML Page</title>
</head>
<body>
<h1>Welcome to My First Web Page!</h1>
<p>This is my first web page, and I’m learning HTML. It’s so much fun!</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>My Awesome Page</title>
</head>
<body>
<h1>Hello, World!</h1>
</body>
</html>
Kerja Bagus!
Selamat karena telah membuat halaman HTML pertama Anda! Anda telah mempelajari cara menyiapkan struktur dasar, menambahkan judul, dan menulis paragraf. Pada pelajaran berikutnya, kita akan mempelajari cara menambahkan elemen yang lebih menarik, seperti gambar dan tautan, ke halaman Anda. Teruskan kerja bagus Anda!
Belajar HTML dengan tutor AI — gratis
Tulis dan jalankan kode asli di browser kamu, dapatkan bantuan instan dari tutor AI 24/7, dan lanjutkan di mana kamu tinggalkan di web atau aplikasi.
- Kursus
- 16
- Pelajaran
- 35
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Menyiapkan Halaman HTML Pertama Anda” gratis?
Ya — teks lengkap “Menyiapkan Halaman HTML Pertama Anda” 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 4 pelajaran total.
Apa yang akan aku pelajari di “Menyiapkan Halaman HTML Pertama Anda”?
Tulis kode HTML pertama Anda menggunakan editor teks sederhana. 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 4 dari 4.
Berapa lama pelajaran “Menyiapkan Halaman HTML Pertama Anda” 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
- Apa Itu HTML?
- Struktur HTML: Blok Penyusun
- Tag dan Elemen HTML
- Menyiapkan Halaman HTML Pertama Anda