📌 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:
-
Tag Pembuka → untuk memberi tahu browser bahwa kita akan memulai sebuah elemen.
-
Isi Elemen → teks atau konten yang ada di dalam elemen.
-
Tag Penutup → untuk menandai bahwa elemen tersebut sudah selesai.
📌 Contoh Elemen HTML
Beberapa contoh elemen HTML yang sering digunakan:
-
Heading (Judul)
<h1>Judul Utama</h1>
<h2>Judul Kedua</h2>
Heading dipakai untuk membuat judul besar atau subjudul. hasil dari coding di atas adalah
<p>Ini adalah sebuah paragraf dalam HTML.</p>
hasilnya adalah :
<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).
<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.
Tidak ada komentar
Posting Komentar