Skip to Content
LearningHTMLHEAD dan BODY

HEAD dan BODY

Dalam HTML, setiap halaman web memiliki dua bagian utama yang sangat penting: tag <head> dan tag <body>. Mari kita pelajari masing-masing bagian dengan lebih detail.

Tag HEAD

Tag <head> adalah bagian dari dokumen HTML yang berisi informasi tentang halaman web. Bayangkan tag <head> seperti kepala manusia - tempat menyimpan informasi penting tentang halaman web kita.

Apa saja yang bisa ditaruh di dalam HEAD?

  1. Title (Judul)

    • Menampilkan judul halaman di tab browser
    • Contoh: 
      <title>Halaman Web Saya</title>

  2. Meta Tags

    • Memberikan informasi tambahan tentang halaman
    • Contoh: 
      <meta charset="UTF-8">
<meta name="description" content="Deskripsi halaman web">

  3. Link ke CSS

    • Menghubungkan file CSS untuk mempercantik tampilan
    • Contoh: 
      <link rel="stylesheet" href="style.css">

  4. Script

    • Menambahkan JavaScript
    • Contoh: 
      <script src="script.js"></script>

Tag BODY

Tag <body> adalah bagian yang berisi semua konten yang akan ditampilkan di halaman web. Bayangkan tag <body> seperti tubuh manusia - tempat semua elemen yang bisa dilihat oleh pengunjung website.

Apa saja yang bisa ditaruh di dalam BODY?

  1. Teks

    • Paragraf
    • Judul (h1, h2, h3, dst)
    • Teks biasa

  2. Gambar

    • Foto
    • Ilustrasi
    • Logo

  3. Link

    • Tombol
    • Menu navigasi
    • Hyperlink

  4. Form

    • Input teks
    • Checkbox
    • Tombol submit

Contoh Struktur Dasar HTML

<!DOCTYPE html>
<html>
<head>
    <title>Halaman Web Saya</title>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <h1>Selamat Datang di Website Saya</h1>
    <p>Ini adalah paragraf pertama saya.</p>
    <img src="gambar.jpg" alt="Deskripsi gambar">
</body>
</html>

Tips Penting

  1. Tag <head> harus selalu berada sebelum tag <body>
  2. Semua konten yang ingin ditampilkan harus berada di dalam tag <body>
  3. Tag <head> tidak menampilkan apa-apa di halaman web, hanya berisi informasi
  4. Tag <body> adalah tempat semua konten yang akan dilihat pengunjung website

Dengan memahami kedua tag ini, Anda sudah memiliki dasar yang kuat untuk membuat halaman web yang terstruktur dengan baik!

Last updated on
Elemen-Elemen HTMLHeading