📌 Apa itu Elemen HTML?

Ketika kita belajar HTML (HyperText Markup Language), ada satu hal penting yang wajib kita pahami: elemen HTML.

🔹 Elemen HTML adalah "bangunan dasar" dari sebuah halaman web.
Bayangkan sebuah rumah. Rumah pasti dibangun dari batu bata, kayu, atau semen. Nah, halaman web juga dibangun dari elemen-elemen HTML.


🧩 Bentuk Dasar Elemen HTML

Sebuah elemen HTML biasanya ditulis dengan tag pembuka dan tag penutup.
Contohnya: 



<p>Halo, ini adalah sebuah paragraf</p>

➡️ <p> adalah tag pembuka
➡️ </p> adalah tag penutup
➡️ Halo, ini adalah sebuah paragraf adalah isi elemen

Sehingga, elemen lengkap terdiri dari:

  1. Tag Pembuka → untuk memberi tahu browser bahwa kita akan memulai sebuah elemen.

  2. Isi Elemen → teks atau konten yang ada di dalam elemen.

  3. Tag Penutup → untuk menandai bahwa elemen tersebut sudah selesai.

📌 Contoh Elemen HTML

Beberapa contoh elemen HTML yang sering digunakan:

  1. Heading (Judul)


<h1>Judul Utama</h1>
<h2>Judul Kedua</h2>


Heading dipakai untuk membuat judul besar atau subjudul. hasil dari coding di atas adalah 


2. Paragraf





<p>Ini adalah sebuah paragraf dalam HTML.</p>


hasilnya adalah :


3. Gambar




<img src="gambar.jpg" alt="Deskripsi gambar">


Berbeda dengan paragraf, elemen gambar tidak punya tag penutup, karena cukup satu tag saja (disebut self-closing element).

4. Tautan (Link)

<a href="https://www.google.com">Buka Google</a>



Elemen ini membuat teks bisa diklik dan mengarah ke halaman lain.

✨ Hal yang Perlu Diingat

  • Tidak semua elemen punya isi. Misalnya <img> hanya menampilkan gambar, jadi tidak ada teks di dalamnya.

  • Elemen-elemen bisa saling bertumpuk. Misalnya, kita bisa menaruh <b> di dalam <p> untuk menebalkan teks.


<p>Ini adalah <b>teks tebal</b> dalam paragraf.</p>




📖 Analogi Sederhana

Bayangkan sebuah kotak:

  • Tag pembuka = tutup kotak bagian atas dibuka.

  • Isi elemen = barang yang kita masukkan ke dalam kotak.

  • Tag penutup = tutup kotak bagian atas ditutup kembali.

Dengan begitu, browser akan tahu isi kotak itu apa dan bagaimana menampilkannya.


👉 Jadi, elemen HTML adalah bagian terkecil yang membentuk halaman web.
Kalau kita bisa memahami elemen, berarti kita sudah bisa mulai "menyusun rumah" yang bernama website.