Belajar HTML Dasar Part 5: Pengertian Tag, Elemen, dan Atribut pada HTML

Posted on

Setelah berhasil menjalankan file HTML pada web browser, di lanjutan panduan belajar HTML mendasar kali ini kita akan membahas apa yang dimaksud dengan Tag, Elemen, dan Atribut pada HTML. Ketiganya yaitu mendasar dari HTML dan mendasar dari seluruh halaman web yang terdapat di Internet.


Pengertian Tag di HTML

Selaku sebuah bahasa markup, HTML membutuhkan cara untuk memberitahu web browser untuk apa guna sebuah text. Apakah text itu ditulis selaku sebuah paragraf, list, atau selaku link. Di HTML, tanda ini dikenal dengan istilah tag.

Hampir semua tag di di HTML ditulis secara berpasangan, yakni tag pembuka dan tag penutup, dimana objek yang dikenai command tag berada di antara tag pembuka dan tag penutup. Objek disini dapat berupa text, gambar, maupun video. Penulisan tag berada di antara dua kurung siku: “<” dan “>”.

Berikut yaitu format mendasar penulisan tag HTML:

Selaku contoh, perhatikan kode HTML berikut :

  • <p> yaitu tag pembuka, di contoh ini p yaitu tag untuk paragraf.
  • </p> yaitu tag penutup paragraf. Perbedaannya dengan tag pembuka terletak dari tanda forward slash (/)

Kalau lupa memberikan penutup tag, umumnya browser akan “memaafkan” kesalahan ini dan tetap menampilkan hasilnya seolah-olah kita menuliskan tag penutup. Walaupun ini sepertinya mempermudah, tak jarang malah bikin bingung.

Selaku contoh lain, sekiranya ingin mendesain suatu text di sebuah paragraf yang di tulis tebal atau miring, di di HTML dapat ditulis selaku berikut:

Hasil dari kode HTML diatas, diterjemahkan oleh browser menjadi:

“Ini yaitu sebuah paragraf. Tak lain dari kumpulan beberapa kalimat. Paragraf ini terdiri dari 3 kalimat.”

Tag <i> di kode HTML diatas memberikan command kepada browser untuk menampilkan text secara garis miring (i, singkatan dari italic), dan tag <b> untuk menebalkan tulisan (b, singkatan dari bold).

Terdapat pengecualian beberapa tag yang tak berpasangan, seperti <br> untuk break (pindah baris) atau <hr> untuk horizontal line (garis horizontal). Tag ini dikenal pun dengan sebutan self closing tag atau void tag, untuk penulisannya dapat ditulis dengan <br>,  maupun <br />.

HTML tak case-sensitif, di artian penulisan <p> dianggap sama dengan <P>. Di awal kemunculan HTML, programmer web umumnya menggunakan huruf besar untuk seluruh tag agar membedakan dengan text yang berupa isi dari web. Namun varian HTML, xHTML mewajibkan huruf kecil untuk semua tag.

Di HTML5, aturan ini kembali tak diharuskan. Akan tetapi kebiasaan web programmer dikala ini yaitu menggunakan huruf kecil untuk seluruh tag.


Pengertian Element di HTML

Element yaitu isi dari tag yang berada diantara tag pembuka dan tag penutup, termasuk tag itu sendiri dan atribut yang dimilikinya (sekiranya ada). Selaku contoh perhatikan kode HTML berikut:

Di contoh diatas, “<p>Ini yaitu sebuah paragraf</p>” yaitu element p.

Element tak hanya berisi text, namun pun dapat tag lain.

Contoh:

Dari contoh diatas,<p> Ini yaitu sebuah <em>paragraf</em> </p> yaitu faktor p. Di pembahasan atau panduan mengenai HTML, tak jarang istilah “tag” dan “element” saling dipertukarkan.


Pengertian Atribut di HTML

Atribut yaitu informasi tambahan yang diberikan kepada tag. Informasi ini dapat berupa instruksi untuk warna dari text, besar huruf dari text, dll. Setiap atribut mempunyai pasangan nama dan nilai (value) yang ditulis dengan name=”value”. Value diapit tanda kutip, boleh menggunakan tanda kutip satu (‘) atau dua (“).

Contoh kode HTML:

Di kode HTML diatas, href=”http://www.duniailkom.com” yaitu atribut. href yaitu nama dari atribut, dan http://www.duniailkom.com yaitu value atau nilai dari atribut tersebut.

Tak semua tag membutuhkan atribut, tapi kamu akan sering melihat sebuah tag dengan atribut, terutama atribut id dan class yang sering digunakan untuk manipulasi halaman web menggunakan CSS maupun JavaScript.

HTML mempunyai banyak atribut yang beberapa diantaranya hanya cocok untuk tag tertentu saja. Selaku contoh, atribut “href” diatas hanya digunakan untuk tag <a> saja (dan beberapa tag lain). Penjelasan mengenai tujuan dan pengertian dari atribut seperti href ini akan kita bahas di tutorial-tutorial berikutnya.

Di panduan kali ini, kita telah mempelajari diantara aspek terpenting di di HTML, yakni Pengertian Tag, Elemen, dan Atribut pada HTML. Di panduan HTML mendasar berikutnya, kita akan mempelajari mengenai Struktur Dasar
Halaman HTML
.


eBook HTML Uncover Duniailkom

Kamu serius ingin menguasai HTML? Duniailkom telah menyusun eBook HTML Uncover. eBook ini membahas HTML dengan lebih detail dan lebih komplit hingga fitur terbaru HTML5. Penjelasan lebih lanjut dapat ke: eBook HTML Uncover Duniailkom.


Sumber https://www.duniailkom.com/