HTML adalah susunan kode-kode untuk membuat struktur dasar web. Susunan kode-kode itu, disebut tag, atribut dan element. Berikut akan dijelaskan secara rinci satu persatu :
Pengertian Tag
Tag adalah sesuatu yang digunakan untuk menandai sebuah kode di dalam HTML. Tag digunakan untuk menandai awal dari sebuah kode yang akan dijalankan. Dan tag juga digunakan untuk menandai akhir dari sebuah kode.
Ciri tag di dalam HTML diawali dengan tanda < dan ditutup dengan tanda >. Di dalam HTML ada 2 jenis tag, yaitu tag pembuka digunakan untuk mengawali sebuah baris kode. Dan tag penutup digunakan untuk mengakhiri baris kode. Untuk tag Penutup ditambahkan simbol "/" setelah tanda "<". Perhatikan baris kode dibawah ini :
Perhatikan baris HTML diatas ada tag yang memiliki tag penutup dan adapula tag yang tanpa tag penutup. Untuk tag yang memiliki tag penutup wajib menggunakan tag penutupnya, sedangkan tag yang tidak wajib memakai tag penutp tidak harus memakai tag penutup, akan tetapi apabila tetap menggunakannya web browser akan tetap memprosesnya.
Contoh tag
Daftar tag yang tidak perlu tag penutup
<DOCTYPE html> --> Tag Pembuka Doctype
<html> --> Tag Pembuka html
<head> --> Tag Pembuka head
<meta charset="UTF-8"> --> Tag Pembuka meta
<title>--> Tag Pembuka title Contoh Tag</title> --> Tag Penutup title
</head> --> Tag Penutup head
<body> --> Tag Pembuka body
<p>Contoh Tag</p>
</body> --> Tag Penutup body
</html> --> Tag Penutup html
Perhatikan baris HTML diatas ada tag yang memiliki tag penutup dan adapula tag yang tanpa tag penutup. Untuk tag yang memiliki tag penutup wajib menggunakan tag penutupnya, sedangkan tag yang tidak wajib memakai tag penutp tidak harus memakai tag penutup, akan tetapi apabila tetap menggunakannya web browser akan tetap memprosesnya.
Contoh tag
<meta> tidak menggunakan tag penutup. Apabila dibuat tag penutupnya yaitu tag </meta> web browser akan tetap memprosesnya.Daftar tag yang tidak perlu tag penutup
<DOCTYPE html> , <meta> , <link> , <br> , <img>Pengertian Atribut
Atribut adalah sesuatu yang mengikuti tag. Maksudnya, atribut ada jika tag itu juga ada. Selain itu atribut memiliki fungsi untuk menjelaskan tag itu digunakan untuk apa. Setiap atribut memiliki value (nilai). Contoh diatas ada kode dimana salah satu kode memiliki atribut, coba tebak kode apa itu??
Yup, itu adalah kode meta dengan baris tag
"meta" disebut sebagai tag, "charset" disebut sebagai atribut, dan "UTF-8" disebut sebagai nilai atribut. Hal ini juga berlaku untuk tag
Abaikan dulu kenapa kok kodenya seperti itu? itu akan dijelaskan di materi berikutnya, don't worry :). Dari baris kode diatas dapat diketahui bahwa a adalah tag, href dan style adalah atribut, dan www.patukom.blogspot.co.id adalah value dari atribut href, dan color:purple adalah value dari atribut style.
Dari contoh diatas penulisan atribut mutlak setelah penulisan tag, untuk mengisi value ditambahkan tanda "=", dan untuk valuenya diapit tanda "". Bagaiamana sampai disini sudah ada gambaran tentang tag dan atribut, untuk lebih jelasnya simak penjelasan tentang Element.
<meta charset="UTF-8">
"meta" disebut sebagai tag, "charset" disebut sebagai atribut, dan "UTF-8" disebut sebagai nilai atribut. Hal ini juga berlaku untuk tag
<a> dan tag yang lainnya. Contoh apabila saya ingin membuat link yang berwarna ungu maka barisnya adalah sebagai berikut:
<a href="www.patukom.blogspot.co.id" style="color:purple;">Link yang berwarna Ungu</a>
Abaikan dulu kenapa kok kodenya seperti itu? itu akan dijelaskan di materi berikutnya, don't worry :). Dari baris kode diatas dapat diketahui bahwa a adalah tag, href dan style adalah atribut, dan www.patukom.blogspot.co.id adalah value dari atribut href, dan color:purple adalah value dari atribut style.
Cara penulisan Atribut
Berdasarkan contoh yang sudah dijelaskan dapat diperhatikan penulisan atribut dan valuenya. Sekali lagi perhatikan kode dibawah ini :<meta charset="UTF-8">Dari contoh diatas penulisan atribut mutlak setelah penulisan tag, untuk mengisi value ditambahkan tanda "=", dan untuk valuenya diapit tanda "". Bagaiamana sampai disini sudah ada gambaran tentang tag dan atribut, untuk lebih jelasnya simak penjelasan tentang Element.
Baca juga : Materi 1. Apa itu HTML?
Pengertian Element
Element adalah kumpulan dari suatu baris HTML yang terdiri dari tag dan atribut. Satu element dapat berupa satu buah tag saja, atau tag yang memiliki beberapa atribut. Perhatikan gambar dibawah ini
Nah jika dilihat gambar diatas, satu element terdiri dari satu tag pembuka, atribut dan valuenya, dan tag penutup. Apabila hanya sebuah tag pembuka dan tag penutup saja itu juga disebut satu element.
Bagaiamana? sudah ada gambaran sekilah tentang tag, atribut dan element? kalau masih bingung jangan putus semangat ikuti tutorial di website ini terus, agar kalian menguasai HTML. Untuk materi selanjutnya silahkan kunjungi link dibawah ini.
note:
"Element adalah suatu baris di HTML yang diawali dengan tag pembuka dan diakhiri dengan tag penutup."
"Element adalah suatu baris di HTML yang diawali dengan tag pembuka dan diakhiri dengan tag penutup."
Bagaiamana? sudah ada gambaran sekilah tentang tag, atribut dan element? kalau masih bingung jangan putus semangat ikuti tutorial di website ini terus, agar kalian menguasai HTML. Untuk materi selanjutnya silahkan kunjungi link dibawah ini.
0 komentar:
Posting Komentar
Dilarang keras menyebar spam, di alamat blog ini.Terimakasih atas kerjasamanya.