Pengertian dan Perbedaan Tag, Atribut, dan Elemen di HTML

Pengertian dan Perbedaan Tag, Atribut, dan Elemen di HTML – Pada artikel sebelumnya kita telah belajar mengenai apa itu HTML serta contohnya. Dimana, pada contoh HTML yang telah kita pelajari memiliki struktur dasarnya.

Daftar Isi

Pada struktur dasar HTML tersebut memiliki istilah yaitu tag, atribut, dan elemen yang masing-masing memiliki perbedaan. Hal ini sulit dibedakan bagi pemula yang baru pertama kali belajar HTML, namun tidak perlu khawatir karena di bawah ini akan saya bahas secara lengkap dari perbedaan tag, atribut dan elemen pada HTML.

Pengertian Tag, Atribut, Elemen di HTML

Bagi Anda yang telah mempelajari struktur dasar HTML pada artikel sebelumnya pada dasarnya memiliki struktur seperti kode berikut.

<!DOCTYPE html>
<html>
  <head>
    <title>Judul Halaman | Afid Arifin</title>
  </head>
  <body>
   <p>Hallo, saya lagi serius belajar HTML. Jangan ganggu ya!</p>
  </body>
</html>

Dimana pada kode di atas memiliki beberapa istilah yaitu tag, atribut dan elemen. Dimana ketiganya merupakan inti dari sebuah halaman web yang kita bangun. Berikut ini adalah penjelasan mengenai masing-masing istilah tersebut.

Pengertian Tag HTML

Sesuai namanya, tag ini berfungsi sebagai penanda untuk memberitahukan browser untuk menjalankan fungsi tertentu seperti menampilkan teks tebal, teks miring, menampilkan gambar dan lain sebagainya. Biasanya, sebuah tag terdiri dari tag pembuka dan tag penutup. Namun, beberapa di antaranya tidak memilikinya.

Contoh perbedaan tag pada kode HTML di atas yaitu <html>, <head>, <title>, <body>, dan . Jika diperhatikan lebih seksama, tag tersebut berpasangan dengan </html>, </head>, </body>, dan .

Pengertian Atribut HTML

Secara sederhana, atribut pada HTML dapat diartikan sebagai informasi tambahan yang dimasukkan pada tag pembuka HTML. Atribut HTML terdiri dari nama atribut atau name, nilai atribute atau value serta diapit oleh petik ganda atau petik tunggal.

Agar mudah dipahami, kita akan sedikit memodifikasi pada kode HTML di atas sehingga menjadi Hallo, saya lagi serius belajar HTML. Jangan ganggu ya!. Dimana paragraf adalah nilai dari atribut class.

Pengertian Elemen HTML

Elemen pada HTML dapat diartikan secara sederhana sebagai gabungan lengkap dari tag dan atribut. Sehingga, jika kita perhatikan pada contoh kode di atas maka itulah yang yang disebut dengan elemen lengkap dari sebuah dokumen HTML.

Sebagai contoh, pada elemen Hallo, saya lagi serius belajar HTML. Jangan ganggu ya!. Dimana  adalah tag pembuka, class adalah nama atribut, paragraf adalah nilai atribut dan tag  adalah tag penutup dari elemen tersebut.

Perbedaan Tag, Atribut dan Elemen di HTML

Perbedaan tag, atribut, dan elemen sering sekali tertukar dalam hal penyebutannya. Oleh karena itu, sangat penting untuk mengenal perbedaan dari masing-masing istilah tersebut. Berikut ini adalah penjelasan perbedaan dari ketiga istilah tersebut.

Perbedaan Tag HTML

Tag merupakan penanda yang biasanya diletakkan di dalam tanda kurung sudut < dan >. Tag ini nantinya digunakan untuk menentukan jenis elemen HTML yang ingin dibuat. Sebuah kebanyakan berpasangan antara tag pembuka dan tag penutup seperti tag Ini Teks. Namun, ada juga yang tidak berpasangan seperti <meta charset=”UTF-8″>.

Perbedaan Atribut HTML

Sedangkan atribut merupakan informasi tambahan yang diberikan di dalam tag untuk menyediakan lebih banyak informasi tentang elemen HTML. Atribut terdiri dari pasangan nama atribut (name) dan nilai (value) yang ditulis di dalam tag pembuka serta diapit oleh petik ganda atau petik tunggal.

Perbedaan Elemen HTML

Lalu terdapat elemen yang merupakan kombinasi dari tag pembuka, isi (konten), dan tag penutup. Elemen dapat berupa teks, gambar, link, atau elemen HTML lainnya. Contoh elemen HTML yang lengkap adalah Ini Teks.

Penutup

Secara sederhana tag digunakan untuk mendefinisikan elemen HTML, terdiri dari tag pembuka dan penutup, atau self-closing tag. Sedangkan atribut memberikan informasi tambahan pada elemen HTML, ditulis dalam tag pembuka. Lalu elemen, yang merupakan kombinasi dari tag pembuka, konten, dan tag penutup, atau self-closing tag.

Demikian artikel pada kesempatan kali ini mengenai pengertian dan perbedaan tag, atribut dan elemen di HTML yang perlu pemula ketahui ketika akan belajar HTML. Sekian dari saya dan semoga bermanfaat.

Pengertian dan Perbedaan Tag, Atribut, dan Elemen di HTML