Pengertian dan Jenis-Jenis Tag HTML

Ketika web browser menampilkan sebuah halaman web, browser akan membaca halaman web tersebut dari sebuah file teks dan kemudian mencari code-code yang tercantum di dalamnya  yang ditandai dengan karakter "<" dan ">" itulah yang disebut Tag pada HTML.

Pengertian Tag pada HTML
Tag HTML adalah suatu elemen HTML yang terdiri dari tag-tag beserta teks yang ada di dalam tag-tag tersebut. Tag ini dinyatakan dengan karakter kurung bersudut (<) dan (>).

Tag HTML pada umumnya dibuat berpasangan, ada tag pembuka dan tag penutup.
Contoh format penulisan Tag HTML :
<tag_pembuka>  isi teks yang akan ditampilkan </tag_penutup>
Contoh sebuah titel yang akan muncul pada web browser dengan menggunakan tag Title:

<title> Code Tani </title>

Tag tersebut akan memberikan informasi kepada web browser untuk menampilkan teks dengan titel "Code Tani".

Definisi Tag HTML
Untuk menandai berbagai elemen dalam suatu dokumen HTML, kita harus menggunakan Tag.

Berikut perbedaan Jenis-jenis Tag yaitu :
  1. Tag HTML diapit dengan dua karakter kurung bersudut < dan >
  2. Tag HTML sebagian besar selalu berpasangan seperti <i> dan </i>
  3. Tag pertama dalam suatu pasangan adalah tag awal <tag_awal> dan tag yang kedua adalah tag akhir </tag_akhir>
  4. Tag HTML tidak sensitif terhadap huruf besar dan huruf kecil. <u> sama saja jika ditulis dengan <U>
  5. Jika dala suatu Tag terdapat tag lagi maka penulisan tag akhir tidak boleh bersilang atau bertukar harus berurut. <b><u> Isi teks </u></b>
Dalam penulisan Tag html sebaikknya menggunakan huruf kecil agar lebih mudah dipahami dan tidak membingungkan.

Jenis-jenis Tag HTML
Nama elemen ditunjukan dengan jenis atau nama tag yang digunakan, Suatu Elemen di dalam dokumen HTML harus ditandai dengan penulisan tagnya yang berpasangan. tapi sebelum kita menggunakan Tag Html sebaiknya kita kenali dulu jenis-jenis Tag yang paling sering digunakan.

Berikut perbedaan Jenis-jenis Tag yaitu :
  1. Tag berpasangan, terdapat tag pembuka <...> dan tag penutup </...>. tag ini bersifat overide dimana suatu teks bisa diberikan lebih dari satu Tag dan efek dari tag tersebut dapat berfungsi secara bersamaan pada teks yang bersangkutan.
  2. Tag Tunggal, Tag ini hanya memiliki tg pembuka
  3. Tag Relatif, Tag ini memiliki tag pembuka sedangkan tag penutup bersifat relatif artinya bisa dituliskan bisa tidak.
Pada tag ada yang memiliki atribut dan ada yang tidak memiliki atribut, atribut digunakan untuk mengatur kerja dari tag yang kita gunakan agar lebih muda dikenali oleh browser. Jika dalam tag  tidak memiliki atribut maka browser akan menganggap atribut yang kita gunakan adalah artibut default.

  1. Untuk membuat judul komentar, gunakan <i rel="h2">Judul Komentar</i>
  2. Untuk membuat kotak catatan, <i rel="quote">catatan</i>
  3. Untuk membuat teks stabilo, <i rel="mark">mark</i>
  4. Untuk membuat teks mono, <i rel="kbd">kbd</i>
  5. Untuk membuat kode singkat, <i rel="code">shorcode</i>
  6. Untuk membuat kode panjang, <i rel="pre"><i rel="code">potongan kode</i></i>
  7. Untuk membuat teks tebal, <strong>tebal</strong> atau <b>tebal</b>
  8. Untuk membuat teks miring, <em>miring</em> atau <i>miring</i>