0Pricing
HTML for Kids · Pelajaran

Struktur HTML: Blok Penyusun

Pahami struktur dasar dokumen HTML.

Struktur HTML: Blok Penyusun adalah pelajaran HTML for Kids gratis di CoddyKit. Ini adalah pelajaran 2 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.

Struktur HTML: Blok Penyusun

Selamat datang di pelajaran kedua! Hari ini, kita akan mempelajari struktur dokumen HTML dan cara bagian-bagiannya saling terhubung. Anggaplah ini sebagai pembelajaran tentang kerangka sebuah halaman web.

Struktur HTML: Blok Penyusun — ilustrasi 1

Struktur Dokumen HTML

Dokumen HTML memiliki struktur khusus yang dipahami oleh peramban. Struktur ini seperti resep yang memberi tahu peramban apa yang harus dilakukan.

Bagian dasar dokumen HTML adalah:

  • Deklarasi Doctype: Memberi tahu peramban bahwa ini adalah dokumen HTML.
  • Tag HTML: Berisi semua konten halaman.
  • Head: Menyimpan informasi tentang halaman, seperti judul.
  • Body: Menyimpan konten yang terlihat oleh pengguna.

Seperti Apa Struktur HTML?

Berikut tampilan struktur dasar dokumen HTML:

<!DOCTYPE html>
<html>
  <head>
    <title>My Web Page</title>
  </head>
  <body>
    <h1>Welcome to My Page</h1>
    <p>This is the content of my web page.</p>
  </body>
</html>

Deklarasi Doctype

Deklarasi <!DOCTYPE html> muncul di bagian paling atas setiap dokumen HTML. Deklarasi ini memberi tahu peramban untuk menggunakan HTML5, versi HTML terbaru.

Anggaplah deklarasi ini sebagai titik awal resep HTML Anda!

Tag HTML

Tag <html> adalah wadah utama untuk semua kode dalam dokumen Anda. Tag ini memberi tahu peramban, “Semua yang ada di dalamnya adalah HTML.”

Berikut tampilannya:

<html>
  <!-- All other HTML tags go here -->
</html>

Bagian Head

Bagian <head> menyimpan informasi tentang halaman web Anda yang tidak terlihat langsung pada halaman. Contohnya:

  • Judul: Teks yang ditampilkan pada tab peramban.
  • Informasi Meta: Detail tambahan seperti deskripsi halaman.

Contoh:

<head>
  <title>My Cool Web Page</title>
</head>

Bagian Body

Bagian <body> berisi semua hal yang terlihat oleh pengguna, seperti teks, gambar, dan tautan. Bagian ini merupakan area konten utama.

Contoh:

<body>
  <h1>Welcome!</h1>
  <p>This is my awesome web page.</p>
</body>

Menggabungkan Semuanya

Berikut contoh lengkap dokumen HTML yang memuat semua bagian yang baru saja kita pelajari:

<!DOCTYPE html>
<html>
  <head>
    <title>All About Me</title>
  </head>
  <body>
    <h1>Hi, I’m a Web Creator!</h1>
    <p>This is my first structured HTML page.</p>
  </body>
</html>

Kerja Bagus!

Selamat! Anda telah mempelajari struktur dokumen HTML. Sekarang Anda tahu cara semua bagian saling terhubung untuk membentuk halaman web. Pada pelajaran berikutnya, kita akan mulai menambahkan konten nyata ke halaman kita. Bersiaplah untuk membuat karya web pertama Anda!

Struktur HTML: Blok Penyusun — ilustrasi 10

Pertanyaan yang Sering Diajukan

Apakah pelajaran “Struktur HTML: Blok Penyusun” gratis?

Ya — teks lengkap “Struktur HTML: Blok Penyusun” 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 “Struktur HTML: Blok Penyusun”?

Pahami struktur dasar dokumen HTML. 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 4.

Berapa lama pelajaran “Struktur HTML: Blok Penyusun” 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

  1. Apa Itu HTML?
  2. Struktur HTML: Blok Penyusun
  3. Tag dan Elemen HTML
  4. Menyiapkan Halaman HTML Pertama Anda
← Kembali ke HTML for Kids