DASAR HTML PART 4 : DASAR - DASAR TAG

Bismillahirrahmanirrahim

 Assalamualaikum warahmatullahi wabarakatuh.

 Selamat pagi siang sore atau malam !!

 Selamat datang kembali di website catatan harian mahasiswa , melanjutkan postingan yang sebelumnya kali ini kita akan bahas mengenai tag html mulai dari bagaimana cara pembuatannya, strukturnya dan tag - tag apa saja yang bisa kita tulis didalam bagian html.

 tag adalah code dalam html dimana kita menuliskan < nama tag >, tag itu ada yang berpasangan dan ada yang tidak biasanya tag yang berpasangan memiliki tag pembuka dan tag penutup , tag penutup biasanya memiliki garis miring di depan nama tag-nya contoh :
</html>

 dan ini adalah struktur html yang kita sudah pelajari sebelumnya , dimana didalamnya ada doctype , html ,head dan body. yang akan dibahas kali ini adalah tag-tag apa saja yang bisa dalam head , dan tag-tag apa saja yang ada di dalam body

 di bagian head ada beberapa hal yang bisa kita simpan : 

 Judul halaman dengan menggunakan tag <title> dimana ,apapun yang kita tulis ditengah tag ini akan menjadi judul didalam tab di browsernya.
  • menyimpan syntax css dengan menggunakan tag style.
  • menyimpan syntax Javascript dengan menggunakan tag script.
Dan yang terakhir di dalam head kita bisa simpan metadata menggunakan tag meta , ini penting untuk mendeskripsikan website kita contohnya seperti ini

charset = untuk encoding
description = deskripsi dari website
keyword dan author = nama pembuatan

 Tag-tag apa saja yang bisa ada di dalam body ? , tag-nya cukup banyak , tetapi yang akan saya bahas hanya beberapa nanti detailnya kita akan bahas di postingan selanjutnya.

 berikut adalah beberapa tag yang bisa disimpan didalam body :

Teks , pertama untuk teks kita bisa simpan apa yang disebut dengan heading, heading itu html punya 6 level mulai dari heading satu yang paling besar lalu heading 6 yang paling kecil dan tag <p> atau paragraf yang sebelumnya sudah kita coba.
  • Selanjunya ada pendukung teks.



  • Untuk menyimpan gambar bisa menggunakan tag <img>

  • Untuk menyimpan link menggukan tag <a> ( anchor ).

  • Lalu untuk membuat list bisa
  • Didalam body juga kita bisa simpan tabel


  • Lalu form beserta elemen2 didalamnya


  • di body kita juga bisa menyimpan javascript menggunakan tag script.
  • dan kita juga bisa menyimpan object, object ini biasanya object multimedia. 
  • lalu ada tag untuk melakukan grouping


<!--- ini adalah komentar --->

 tag komentar , tag ini juga cukup penting jadi biasakan untuk menyimpan komentar di halaman web kalian , tiap2 bahasa punya tag komentar tersendiri , khusus untuk HTML dia menggunakan <!--#-->

 tag komentar ini tidak akan tampil di browser ini hanya untuk memudahkan para developer dikala lupa source code , karena mungkin kalau kalian sekarang mengerjakan web mungkin bisa paham tapi 2 bulan , 3 bulan munkgin 1 tahun berikutnya mungkin kalian bisa lupa , oleh karena itu tag komentar adalah tag bisa membantu.

 Struktur dari sebuah tag

tag memiliki struktur , gak cuman nama tag saja strukturnya seperti ini :

<namatag attribut="nilai">

 Diawali dengan namatag kita sudah coba diatas , boleh ada attribut lalu tiap-tiap attribut itu mempunyai sebuah nilai atau value.
Contohnya :


body = nama tag
bgcolor = atribut , fungsi bgcolor adalah untuk merubah warna backround dari body
blue = nilai / value

 jadi nanti halaman web sata warna background akan berubah menjadi warna biru walaupun yang seperti ini tidak saya sarankan karena begitu kita tulis bgcolor = "blue" artinya kita memberi warna pada halaman pada pemberian itu adalah tugas dari CSS. itu hanya sekedar contoh menuliskan atribut dan value.

 Sebuah tag boleh saja mempunyai lebih dari satu atribut , contoh :
jadi boleh gak punya atribut sama sekali atau banyak juga gak masalah.

 tiap tiap tag itu punya atribut yang default / global

Apa saja ?? berikut adalah atribut global :
  • accesskey
  • class
  • id
  • dir
  • lang
  • style
  • tabindex
  • title
kalau ingin lihat lebih detail atribut lengkapnya kalian bisa kunjungi website dibawah ini
w3 school

 Mungkin sampai sini dulu pengantarnya saya Akhiri sekian, saya Alian Hakim selaku penulis mengucapkan banyak Terima kasih kepada para pembaca karena sudah setia membaca sampai akhir hehe sampai bertemu di postingan berikutnya.

Dan jangan lupa Keep Learning And Stay Awesome !

 Wassalamualaikum Warahmatullahi Wabarakatuh.

 Referensi