Belajar HTML Part #3 - Mengenal Tag, Element, Dan Atribut Pada HTML

Belajar HTML Untuk Pemula

 

Crewnesia -  Mengenal Tag, Atribut, dan Element HTML

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.

Element 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>, dll
 Jenis 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
Atribut Global adalah atribut yang bisa digunakan pada semua element HTML, Berikut Daftar Atribut Global dan fungsinya:

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

Nah, Selanjutnya kita akan belajar ke materi selanjutnya yang masih ada kaiatannya dengan materi sekarang, langsung saja pelajari materi tentang: