Belajar HTML Part #3 - Mengenal Tag, Element, Dan Atribut Pada HTML
Mas Hary
---
Crewnesia.my.id - Pada pembahasan sebelumnya kita telah mempelajari struktur dasar dari HTML. Pada pembahasan kali ini saya akan membahas 3 bagian hal yang menurut saya penting yaitu; Tag, Atribut, Dan Elemen. 3 Bagian tersebut merupakan bagain penting yang ada di dalam HTML. Langsung saja kita bahas dari setiap masing-masing bagiannya.
1. Tag
Tag merupakan penanda awalan dan akhiran dari sebuah elemen di dalam HTML. Tag sendiri dibuat dengan tanda kurung siku (<....>), lalu di dalam tag berisi nama tag dan kadang juga ditambahkan dengan atribut.
Contohnya: <p>,<a>,<head>,<body>, dan lain-lain,
Tag selalu ditulis dengan berpasangan dan ada juga beberapa tag yang ditulis dengan tidak berpasangan. Contoh penulisan tag berpasanagan dan tidak berpasangan seperti dibawah ini;
Berikut daftar tag-tag dasar, yang menurut saya penting | |
|---|---|
| TAG HTML | Fungsinya |
| <html> | Menyatakan pada browser bahwa dokumen web digunakan adalah HTML. |
| <head> | Kepala dari dokumen HTML. |
| <body> | Tag untuk menampilkan isi dokumen HTML. |
| <h1>-<h6> | Untuk Membuat Judul Dari Sebuah Web |
| <p> | Untuk Membuat Paragraf. |
Untuk Tag-tag lainnya kalin bisa liat disini
2. Element
Element adalah susunan tag dari tag
pembuka sampai tag penutup. elemen html didefinisikan oleh tag pembuka,
lalu di lanjutkan oleh kontent lalu di akhiri oleh tag penutup.
tidak hanya berisi text, kadang juga berisi element lain. Ini biasanya
disebut dengan nested element atau element di dalama element. Elemet
HTML ada banyak jenisnya kalian bisa lihat disini Element HTML Refenence.
3. Atribut
Atribut adalah kata khusus yang berada dalam tag pembuka, Atribut juga sering disebut juga sebagai modifier yang akan menentukan perilaku dari elemen. Atribut dapat digunakan pada element manapun dan ada juga element yang wajib menggunakan atribut misalnya seperti <a>, <img>, <video>, dllJenis Jenis Atribut
Tiap-tiap element memiliki atribut khusus yang hanya bisa digunakan oleh elemet itu sendiri. Ada juga atribut yang bersifat global dan bisa dugunakan oleh semua element. Berikut ini Jenis-jenis Atribut yang harus kaliah ketahui:
- Atribut Global
| Nama Atribut | 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 |
| id | Menentukan id unik untuk elemen |
- Atribut Event
Atribut Event adalah atribut yang akan menentukan aksi yang akan dilakaukan ketika terjadi sesuata pada element.. Atribut ini nanti akan banyak digunakan pada Pemrogramman JavaScript. Berikut ini daftar Atribut Event dan fungsinya:
| Nama Atribut | Fungsi |
| onafterprint | setelah dokumen dicetak |
| onbeforeprint | Sebelum dokumen dicetak |
| onmessage | Saat ada pesan |
| onpageshow | saat user membuka kembali halaman web |
| onload | setelah loading selesai |
Selain atribut diatas, masih banyak atribut event lainnya kalian bisa melihatnya Atribut Event.
- Atribut Khusus
Atribut Khusus adalah atribut yang hanya bisa dipakai oleh element tertentu,
Contoh:
| Nama Atribut | Bisa dipakai di tag |
src | <audio>, <embed>, <iframe>, <img>, dll |
href | <a>, <link> |
action | <form> |
autoplay | <audio>, <video> |
Kita sudah belajar tentang Tag, Element, Dan Atribut dalam HTML, sekarang kalian sudah dapat membedakan ketiga hal ini.
Posting Komentar
Posting Komentar