Wednesday , 18 July 2018

Mempelajari Element, Tag, dan Atribut di HTML

Pengertian Tag pada HTML

Yang di maksud dengan tag pada HTML adalah sebuah bahasa maksup, pada HTML membutuhkan cara untuk memberitahu browser untuk apa sebuah text. Apakah text itu di tulis sebagai paragraf, list, atau sebagai link.

 

Biasanya tag pada HTML di tulis secara berpasangan, diantaranya tag pembuka dan penutup, dimana objek yang dikenai perintah tag berada di antara tag pembuka dan tag penutup. Objek tersebut berupa text, gambar, maupun video. Penulisan tag harus di antara dua kurung siku (<tag>).

Mempelajari Element, Tag, dan Atribut di HTM
Mempelajari Element, Tag, dan Atribut di HTM

Format dasar penulisan tag HTML:

<tag_pembuka> objek yang dikenai perintah tag</tag_penutup> sebagai contoh:

<p> Ini adalah paragraf </p>

  • <p> = tag pembuka, “p” itu adalah tag paragraf.
  • </p> = tag penutup. Mungkin ada yang tanya “Kenapa ada tanda forward slash atau garis miring?” Jadi itulah perbedaan antara tag pembuka dengan tag penutup.

Jika anda lupa memberikan tag penutup, biasanya tidak ada pengaruhnya pada tampilan browser kita dan tetap menampilkan hasil yang sama dengan yang diberikan tag penutup.

Jika anda ingin membuat tulisan tebal atau miring di dalam sebuah paragraf. Pada HTML kamu harus menambahkan tag ” i ” untuk tulisan miring (italic), dan tag ” b ” untuk tulisan tebal (bold).

Contoh:

<p>Sebuah paragraf. <i>Tulisan miring</i>. Paragraf ini hanya contoh <b>tulisan tebal</b></p>

Hasihnya akan seperti ini:

Sebuah paragraf. Tulisan miring. Paragraf ini hanya contoh tulisan tebal

Perhatikan pada text “Tulisan miring“. Tulisan itu akan menjadi miring karena diletakkan di antara tag ” i “, i adalah singkatan dari italic. Sekarang kalian lihat pada text “tulisan tebal“. Tulisan itu akan tebal karena diletakkan di antara tag ” b “, b adalah singkatan dari bold.

Note:
Terdapat pengecualian beberapa tag yang tidak berpasangan, seperti <br> untuk break (pindah baris) atau <hr> untuk horizontal line (garis horizontal). Tag ini dikenal juga dengan sebutan self closing tag atau void tag, untuk penulisannya bisa ditulis dengan <br>, maupun </br>.
Note:
HTM tidak case-sensitif atau tidak peka, jadi penulisan <p> dianggap sama dengan <P>. Pada awal kemunculan HTML, programer 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.

Dalam HTML5, aturan ini kembali tidak diharuskan. Akan tetapi kebiasaan web programer saat ini adalah menggunakan huruf kecil untuk seluruh tah.

Pengertian Element dalam HTML

Element adalah isi dari tag yang berbeda diantara tag pembuka dan tag penutup, termasuk tag itu sendiri dan atribut yang dimilikinya (jika ada).

Contoh:

<p> Contoh paragraf </p>

Pada contoh diatas, “<p> Contoh paragraf </p>” merupakan element p.

Pengertian Atribut dalam HTML

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

Contoh:

<a href="https://www.digiwebsmedia.com"> Ini contoh link</a>

Pada contoh code HTML diatas, href=”https://www.digiwebsmedia.com” adalah sebuah atribut. “href” adalah salah satu jenis nama dari atribut, dan https://www.digiwebsmedia.com adalah value atau nilai dari atribut tersebut.

Tidak semua tag membutuhkan atribut, tapi anda akan sering melihat sebuah tag dengan atribut, terutama atribut id dan class dan sering dinggunakan untuk manipulasi halaman web menggunakan CSS maupun JavaScript.

HTML memiliki banyak atribut yang beberapa diantaranya hanya contoh untuk tag tertentu saja. Sebagai contoh, atribut “href” diatas hanya digunakan untuk tag <a> saja (dan beberapa tag lain).

Itu adalah sedikit pengertian dan pengetahuan tentangย Mempelajari Element, Tag, dan Atribut di HTML. Semoga artikel ini bermanfaat bagi semua orang yang ingin dan penasaran belajar kode HTML. Terimakasih sudah membaca artikel kami. ๐Ÿ™‚ ๐Ÿ™‚ ๐Ÿ™‚ ๐Ÿ™‚ ๐Ÿ˜€ย ๐Ÿ˜€ย ๐Ÿ˜€

Leave a Reply