![]() |
Belajar HTML : Pengertian Tag, Elemen, dan Atribut dalam HTML |
Pengertain Tag
Tag adalah sebauh penanda awalan dan akhiran dari sebuah elemen di HTML. Tag dibuat dengan kurung siku (<...>
), lalu di dalamnya berisi nama tag dan kadang juga ditambahkan dengan atribut.
Contoh: <p>
, <a>
, <body>
, <head>
, dan sebagainya.
Tag selalu ditulis berpasangan. Ada tag pembuka dan ada tag penutupnya. Namun, ada juga beberapa tag yang tidak memiliki pasangan penutup. Tag penutup ditulis dengan menambahkan garis miring (/
) di depan nama tag.
![]() |
Belajar HTML : Pengertian Tag, Elemen, dan Atribut dalam HTML |
Setiap tag memiliki fungsi masing-masing. Ada yang digunakan untuk membuat judul, membuat link, membuat paragraf, heading, dan lain-lain.
Masih ingat sejarah HTML?
Dulu.. awalnya HTML cuma punya 18 tag. Sekarang HTML sudah punya sekitar 250 tag.
Wah! banyak ya.
Apa semua tag ini harus kita hafal?
Jawabannya:
Tidak harus, saja juga tidak bisa menghafal semanya. Cukup ketahui tag-tag dasar saja.
Berikut ini daftar tag-tag dasar, yang menurut saya harus kamu ingat.
Tag | Fungsi |
---|---|
<html> | untuk memulai dokumen HTML |
<head> | untuk membuat bagian head |
<body> | untuk membuat bagian body |
<h1> sampai <h6> | untuk membuat heading pada artikel |
<p> | untuk membuat paragraf |
<!-- --> | untuk membuat komentar |
Beberapa tag ini sudah kita coba pada tutorial pertama dan juga ada yang belum.
Tenang saja.. Nanti juga saya akan perkenalkan tag-tag lain yang umum digunakan dalam pembuatan web.
Pengertian Elemen

Pada diagram tersebut, terdapat tiga macam node.. yakni: Node elemen, Node atribut, dan Node teks.
Elemen dibentuk dari tag pembuka, isi tag, dan tag penutup. Kadang juga ditambahkan beberapa atribut.
Contoh:

Pada contoh di atas, terdapat satu elemen <p>
dengan atribut align="center"
dan memiliki isi berupa teks, yakni Hello World!
.
Elemen tidak selalu berisi teks, kadan ia juga akan berisi elemen lain. Ini biasanya kita sebut dengan nested element atau elemen di dalam elemen.
Bila digambarkan dalam bentuk kotak persegi, maka akan terlihat seperti ini:

Elemen HTML ada banyak jenisnya. Ada elemen khusus untuk teks, ada elemen untuk multimedia, script, tabel, metadata, dll. Nanti kita akan pelajari ini secara bertahap.
Pengertian Atribut
Atribut adalah kata khusus yang berada di dalam tag pembuka. Atribut juga disebut sebagai modifier yang akan menentukan perliaku dari elemen.

Atribut dapat ditambahkan pada elemen manapun. Ada juga elemen yang mewajibkan menggunakan atribut seperti elemen <a>
, <img>
, <video>
, dll.
Contoh:
<a href="https://petanikode.com">Petanikode.com</a>
Tag <a>
adalah tag untuk membuat link. Tag ini mewajibkan menambahkan atribut href
untuk menyatakan halaman tujuan dari link.
Jumlah atribut pada elemen bisa lebih dari satu.
Contoh:
<img src="gambar.jpg" width="100" height="100" />
Atribut src
adalah atribut khusus untuk tag <img>
yang fungsinya untuk menentukan gambar yang akan ditampilkan. Lalu atrubut width
dan height
adalah atribut yang mengatur ukurannya.
Referansi : [ https://www.petanikode.com/html-tag-elemen-atribut/ ]
Mohon maaf jika terdapat kesalahan dalam penulisan ataupun penguploadtan artikel ini, mohon berikan kritik dan saran, yang sifatnya membimbing dan membantu bagi Admin agar nantinya Admin perbaiki web ini agar lebih baik lagi. Dan semoga kalian bisa mendapatkan informasi atau wawasan baru yang bermanfaat dari web ini.
Seputar Website Ini :
[ About ] [ Contact ] [ Pripacy Police ] [ Disklaminer ]
Ikuti Juga Media Sosoal Saya ;
[ Facebook : Suan ID ] [ Instagram : suanto379 ] [ Twitter : Suanto Alfarandi ]
0 Komentar