Mengenal Tag, elemen dan atribut HTML ?

Apa itu tag html ?

Apa itu Elemen html ?

Apa itu Atribut html ?

 

1.      Tag pada html ?

Tag pada html adalah sebuah tanda awalan dan akhiran dari sebuah elemen di HTML. Tag tersebut dibuat dengan kurung siku ( < .... > ). Kemudian di dalamnya berisi tentang nama tag dan juga ditambahkan dengan atribut.

Contoh : <p> . . . . </p> , <head> ....... </head>

<p> pada awalan disebut dengan tag pembuka, sedangkan yang terdapat tanda (/) merupakan sebagai akhiran atau disebut juga dengan tag penutup

 

tag karyamaya.com


 

Setiap tag memiliki fungsi masing – masing.ada juga yang digunakan untuk membuat jedul, membuat link dan lain – lain.

Tag – tag wajib yang ada di HTML, menurut validator W3C. :

·         <!DOCTYPE html > = untuk mendeklarasi tipe dokumen

·         <html> = tag untuk awalan dalam HTML

·         <head> = untuk bagian kepala html dari sebuah dokumen

·         <title> = untuk judul web

·         <body> = untuk bagian body dari dokumen

 

Menggunakan huruf kecil

Hindari menggunakan huruf besar dalam menuliskan nama tag dan sebaliknya.

Sebab huruf kecil lebih muda diketik dan juga akan membuat kode HTML terlihat lebih rapi

Contoh yang benar



Contoh yang kurang benar



Khusuh untuk tag <DOCTYPE html > ia ditulis dengan huruf besar. Sebenarnya bisa juga dengan huruf kecil dan akan valid menurut validator W3C jika ditulis menggunakan huruf kecil akan mengakibatkan error

 

Pastikan menutup Tag dengan benar

Tag html nantinya akan ditulis bertumpuk tumpuk , artinya di dalam tag kadang sering salah dalam menutup tag yang bertumpuk akibatnya kode html tidak benar.

Contoh :



 

2.     Elemen html

Sebuah nama tag atau isi dari tag yang berada di antara tag pembuka dan tag penutup. Sebuah dokumen html di definisikan menggunakan elemen html sendiri merupakan semua yang berada diantara start tag sampai end tag.

Contoh :



Beberapa elemen html kadang ditambahkan atribut sebagai pelengkap.

 

3.     Atribut pada html

Sebuah kata khusus yang berada di dalam tag pembuka. Atribut juga disebut sebagai modifikasi yang akan menentukan perilaku dari elemen.

Contoh :



Tag <a> digunakan untuk membuat link. Tag ini mengharuskan menambahkan atribut href untuk menyatakan halaman tujuan dari link

 

Atribut src atribut khusu digunakan untuk tag <img> yang berfungsi sebagai menentukan gambar yang akan ditampilkan kemuadian atribut width dan height sebagai atribut ukuran yang mengatur ukurannya.

 

Jenis – jenis atribut pada HTML


  • Atribut global = atribut yang dapat ditambahkan pada semua elemen htmI
  • Atribut event =  yang biasanya digunakan untuk menentukan aksi yang akan dilakukan saat terjadi sesuatu pada elemen. Kebanyakan digunakan pada pemprograman javascript
  • Atribut khusus =  yang hanya dapat digunakan pada elemen teretentu dan tidak dapat di gunakan pada elemen yang lain

Cara pulisan atribut yang benar :

  • ·         Gunakaan huruf kecil
  • ·         Gunakan tanda petik
  • ·         Tidak boleh menggunakan space

 

4.     Komentar

Banyak digunakan pada penjelasan – penjelasan bagian dari isi web dokuen. Penulisan komentar menggunakan

<!- - isi komentar - - >

 

Terimakasih semoga bermanfaat