apa itu Tag, Elemen, dan Atribut dalam HTML?
Tag, elemen, dan atribut merupakan tiga bagian penting yang ada di dalam HTML. Bagi kamu yang baru belajar HTML, wajib hukumnya untuk mengetahui ketiga Hal ini.
- Tag apa itu tag ?
- Attribute apa itu atributte ?
- Elemen apa itu elemen ?
Apa Itu Tag ?
| 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 |
Tag adalah sebuah penanda awalan dan akhiran dari sebuah elemen di HTML. Tag dibuat dengan kurung sudut (<...>), lalu di dalamnya berisi nama tag dan kadang juga ditambahkan dengan atribut.
Berikut contoh : <p>,<h1>,<body>,<head>,<html> dan sebagainya.
Tag selalu ditulis berpasang ada pembuka dan ada penutupnya, namun juga beberapa tag yang tidak memilik pasangan nya tag penutup ditulis dengan garis miring </> didepan penamaan tag, setiap tag memiliki fungsi nya masing masing, ada yang digunakan membuat judul, mebuat link, membuat paragaf dan sebagainya
berikut bebarapa tag yang harus kamu ingat dan hafal kerena menurut saya ini sangat penting untuk anda:
beberapa ini akan kita coba ditutorial berikut nya dan juga ada sudah kita bahas dibeberapa artike yang ada webcodingmedia tenang saja nanti kita bakal kenal paga tag yang umum dan sering di pakai di HTML untuk saat ini pahami dulu apa itu dan bagaimana penulisan nya
1. Cara menulis tag yang benar ?
beberapa orang masih salah dalam penulisan tag di html. tag ini harus kamu harus tulis atau maka bisa jadi kode HTML mu akan eror ini menurut w3s.
berikut ini adalah tag yang wajid ada di HTML.
<!DOCTYPE html>— untuk deklarasi type dokumen;<html>— tag utama dalam HTML;<head>— untuk bagian kepala dari dokumen;<title>— untuk judul web;<body>— untuk bagian body dari dokumen.
1. Gunakan huruf kecil ?
Hindari menggunakan huruf besar dalam menuliskan nama tag dan sebaiknya gunakan huruf kecil saja.Huruf kecil lebih gampang diketik dan juga akan membuat kode HTML terlihat lebih bersih dan rapi.
Contoh: (bagus)
Contoh: (buruk)
Tapi khusus untuk tag <!DOCTYPE html>.. ia ditulis dengan huruf besar. Sebenarnya bisa juga dengan huruf kecil dan akan valid menurut validator W3C.Tapi untuk dokumen XHTML, menggunakan DOCTYPE dengan huruf kecil akan mengakibatkan error.
3. Pastikan Menutup Tag dengan Benar
Tag HTML nantinya akan ditulis bertumpuk-tumpuk. Artinya, di dalam tag ada tag lagi. Kadang kita sering salah dalam menutup tag yang bertumpuk ini. Akibatnya, kode HTML kita tidak valid.
Contoh: (Salah)
Contoh: (Benar)
Apa itu Elemen?
Elemen dalam HTML adalah sebuah komponen yang menyusun dokumen HTML. Elemen kadang juga disebut sebagai node, karena ia merupakan salah satu jenis node yang menyusun dokumen HTML dalam diagram HTML tree.
Apa itu Atribut?
Atribut adalah kata kunci khusus yang berada di dalam tag pembuka. Atribut juga disebut sebagai modifier yang akan menentukan perilaku dari elemen.
Atributte (sumber: petanikode.com)
Atribut
src adalah atribut khusus untuk tag <img> yang fungsinya untuk menentukan gambar yang akan ditampilkan. Lalu atribut width dan height adalah atribut yang mengatur ukurannya.Jenis-jenis Atribut HTML
1. Atribut Global
Tiap-tiap elemen kadang memiliki atribut khusus yang hanya bisa digunakan pada elemen tersebut. Ada juga atribut yang bersifat global dan bisa ditambahkan ke semua elemen.
Berikut ini jenis-jenis atribut yang harus diketahui:
| Nama Atribut | Deskripsi atau fungsi |
|---|---|
accesskey | Menentukan tombol shortcut untuk mengaktifkan atau fokus pada elemen |
class | Menentukan class CSS yang akan digunakan |
contenteditable | Menentukan isi elemen bisa diedit atau tidak |
data-* | Digunakan untuk menyimpan data |
dir | Menentukan arah teks dari elemen (kiri ke kanan atau sebaliknya) |
draggable | Menentukan apakah elemen bisa di drag atau tidak |
hidden | untuk menyembunyikan elemen |
id | Menentukan id unik untuk elemen |
lang | Menentukan bahasa yang digunakan untuk isi elemen |
spellcheck | Menentukan apakah isi elemen harus dilakukan pengejaan grammar atau tudak |
style | Menentukan inline CSS untuk elemen |
tabindex | Menentukan urutan atau indeks tab dari elemen (saat tombol tab ditekan) |
title | Menentukan informasi tambahan tentang elemen |
translate | Menentukan apakah konten dari elemen bisa diterjemahkan atau tidak |
2. Atribut Event
Atribut event adalah atribut yang digunakan untuk menentukan aksi yang akan dilakukan saat terjadi sesuatu pada elemen. Atribut ini nanti akan banyak digunakan pada Pemogramman Javascript.
| Nama atribut | Nilai | Fungsi: Menjalankan script |
|---|---|---|
onafterprint | kode javascript | setelah dokumen dicetak |
onbeforeprint | kode javascript | sebelum dokumen dicetak |
onbeforeunload | kode javascript | sebelum saat dokumen tidak ter-load |
onerror | kode javascript | saat terjadi error |
onhashchange | kode javascript | saat terjadi perubahan pada bagian anchor di URL |
onload | kode javascript | setelah loading selesai |
onmessage | kode javascript | saat ada pesan |
onoffline | kode javascript | saat tiba-tiba offline |
ononline | kode javascript | saat tiba-tiba online |
onpagehide | kode javascript | saat user tidak sedang membuka halaman web |
onpageshow | kode javascript | saat user membuka kembali halaman web |
onpopstate | kode javascript | saat history browser berubah |
onresize | kode javascript | saat ukuran jendela browser berubah |
onstorage | kode javascript | saat area penyimpanan (Web Storage) di-update |
onunload | kode javascript | saat web browser ditutup |
3. Atribut Khusus
Atribut khusus adalah atribut yang hanya bisa dipakai pada elemen tertentu dan kadang atribut ini tidak bisa digunakan pada elemen yang lain.
| Nama atribut | Bisa dipakai di tag |
|---|---|
src | <audio>, <embed>, <iframe>, <img>, dll |
href | <a>, <link> |
action | <form> |
autoplay | <audio>, <video> |
Kita baru saja belajar tentang Tag, Atribut, dan Elemen dalam HTML. Saya kira kamu sudah dapat membedakan ketiga hal ini.
