Belajar HTML #2 : Istilah pada HTML

Hallo coders!

Sebelum belajar html lebih dalam disini kita akan berkenalan dengan tag, elemen, dan atribut pada html. Ketiga istilah ini sangat penting dipelajari loh, karena istilah – istilah ini sering dipakai web programmer dalam penyebutan sintaks html. Nah apa aja sih perbedaanya ? Yuk kita bahas.

Baca Juga : Belajar HTML #1: Persiapan Sebelum Belajar

Tag HTML

Tag adalah sintaks html yang penulisannya ada penanda awalan dan akhiran dari sebuah element di html. Contoh penulisannya seperti ini.

<.........>

Dibuat dengan kurung siku kemudian didalamnya terdapat teks atau didalamnya juga dapat berisi nama tag dan terkadang juga di tambahkan dengan atribut. Tag selalu ditulis berpasangan, jadi ada tag penutup dan juga pembukanya. Tetapi ada juga yang tidak berpasangan seperti tag img dsb. Tag penutup ditulis dengan menambahkan garis miring ( / ) didepan nama tag. Setiap tag memiliki fungsinya masing masing, seperti untuk membuat judul <h2>, membuat paragraf <p>, membuat link <a> dan lain-lain. Nah biasakan ketika menulis tag menggunakan huruf kecil ya, agar gampang diketik dan juga lebih rapi juga nantinya. Contoh penulisan tag yang baik dan benar bagaimana min? nah contohnya seperti dibawah ini.

Tag di html ini ada banyak sekali , ada sekitar 250 tag. Jadi apakah semua ini harus kita hafal ?. Jawabanya tidak gais kita cukup ketahui tag dasar dasanya aja.

Element HTML

Element dalam HTML adalah sebuah komponen yang menyusun dokumen html. Ketika kita menulisakan sebuah tag ditengah tengah dari tag yang kita tulis tersebut bisa kita bilang sebagai element contoh :

pada contoh diatas adalah heading tiga. Merupakan element h3 dan isinya adalah text. Didalam sebuah element bisa berupa text atau tag lainnya, bisa tag link misal dan sebagainya.

Atribut HTML

Atribut merupakan informasi tambahan yang digunakan didalam tag pembuka. Informasi ini bisa berupa instruksi untuk memberikan efek warna, tulisan pengganti, dll. Atribut biasanya memiliki dua bagian utama yaitu nama attribut dan nilainya. seperti ini (title=”Ini title”)

Penulisan nilai dapat dibungkus dengan dua tanda kutip, kita bisa memakai kutip satu dan dua. Nah terus gimana cara penulisan atribut ? . Penulisan atribut di HTML diawali dengan penulisan tag, didalam tag kemudian diberikan atribut dan element dari tag itu sendiri. Berikut contoh penulisan artibut pada HTML :

Mari kita lihat sintax diatas a adalah tag link href adalah nama dari atribute dan isi href adalah nmilai dari atribute. Isi tulisan link ke google adalah element dari tag a, mudah bukan. Perlu teman teman ketahui tidak semua tag itu membutuhkan yang namanya attribute, namun bagi kamu yang akan menjadi web programmer akan sering menjumpai tag yang didalmnya terdapat attribute. attribut ini memiliki jenisnya juga lo, nah apa aja sih itu. Berikut jenis-jenis Atribut HTML yang harus kamu ketahui

1. Atribut Global

Atribut global adalah atribut yang bisa kita tambahkan di semua element HTML. Berikut ini daftar daftar atribut global dan fungsinya.

• accesskey : Menentukan tombol shrotcut untuk mengaktifkan atau fokus pada element HTML
• class : atribut ini akan kita kenal setelah kita belajar css yaitu digunakan untuk menentukan identitas atau selector dengan class
• data-* : Digunakan untuk menyimpan data
• hidden : untuk menyembunyikan element
• id : Menentukan id unik untuk element, yang nantinya kita gunakan untuk css dan javascript
• style : Untuk menentukan atau menggunakan inline css di element tertentu
• title : Menentukan informasi tambahan tentang element

2. Atribut Event

Atribut event adalah atribut yang digunakan untuk menentukan aksi yang akan kita lakukan pada lement yang kita pilih. Nah jika atribut id dan class kita pakai di css dan javascript, atribut ini akan lebih kita pakai di javascriptnya.

Berikut ini adalah macam macam atribut event

• onafterprint : setelah dokumen dicetak
• onerror : saat terjadi error
• onload : setelah loading selesai
• onmessage : saat ada pesan dan masih banyak lagi

3. Atribut khusus

Atribut khusus adalah atribut yang hanya bisa diapaki di element tertentu saja dan terkadang atribut ini tidak bisa dipakai atau digunakan pada element lain. Berikut ini adalah macam macam atribut khusus,

• src : bisa digunakan oleh tag <audio>, <embed>, <iframe>, <img>, dll
• href : hanya bisa digunakan untuk tag <a>, <link>
• action : hanya bisa digunakan tag <form>
• autoplay : sesuai namanya hanya bisa dipakai tag <audio>, <video>

Nah itulah penjelasan dari tag, elemen dan atribut di html. Nah sekarang harusnya teman teman sudah bisa membedakan ketiga ini ya. Di tulisan selanjutnya kita akan belajar tentang bagaimana menggunakan element element dasar di html. Seperti paragraf, heading, list, tabel, link, form, dan lain-lain. mah mungkin itu dulu tulisan kali ini tetap semangat belajarnya ya KEEP KODING coders.

Referensi Belajar : W3Schools.com