π 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