Apa itu Tag di HTML?

Moch. Nasikhun Amin
2 min readSep 15, 2022

--

Disclaimer no one asked for:
Hi, ceritanya aku lagi belajar HTML (dan CSS). Biar apa yang aku pelajari nancep di otak, aku tulis. Sebenernya pengen nulisnya di buku. Tapi masih belum punya buku yang dedicated khusus buat nyatet ‘pelajaran’. Yaudah, pakai medium aja. So, without further ado, let’s get into it!

Mapel: HTML 101
Catatan: 1-html-20220915
Tanggal: 15/9/2022
Waktu: 22.10–23.00

Tentang Tag

Tag di HTML (HyperText Markup Language) beda sama tag di Instagram. Tag di HTML adalah sebuah simbol/tanda yang berfungsi memberi perintah tertentu yang nantinya ingin ditampilkan di website.

Ya...

…di website.

Karena HTML adalah kode yang digunakan untuk men-struktur halaman web dan kontennya.

Contohnya text HTML seperti ini:

G.1. Contoh anatomi HTML. (Sumber: freeCodeCamp)

HTML dibentuk oleh yang namanya Element. Element adalah istilah untuk menyebut sekumpulan komponen di atas — opening tag, content, dan closing tag.

Jadi kalau ada yang tanya, “eh, gabungan antara opening tag, content, dan closing tag di HTML, tuh, namanya apa?” Jawabannya udah jelas, ya: “Element.

G.2. Contoh anatomi HTML (Sumber: developer.mozilla.org)

Jadi ada 4 bagian dalam satu kode HTML yang sempurna:

  1. Opening tag (tag pembuka) — berisi intruksi, yang pada contoh pada gambar G.1., intruksinya <p class=”text”>. Sedangkan pada gambar G.2, intruksinya adalah <p>.
  2. Content — berisi text biasa yang ingin ditampilkan.
  3. Closing tag (tag penutup) — berisi seperti text opening, hanya saja ada simbol slash ‘/’ di awal untuk menandakan paragrafnya berakhir. Kalau lupa memberi slash di akhir, terjadi eror.
  4. Element — adalah istilah untuk menyebut keseluruhan text HTML yang sempurna.

Tag diapit oleh simbol “angle brackets” atau kurung siku.

Kalau kamu bisa excel, tag di HTML itu seperti formula atau rumus di excel. Formula berguna buat ngasih intruksi; nilai yang dimasukkin ke cell tertentu itu mau diolah bagaimana? Ini yang ngeh di otak-ku, sih.

Kalau kamu nggak paham excel, bayangin kamu mau bikin jelly. Tag itu cetakan jelly dan content itu adalah jelly-nya. Jelly-nya mau dibentuk doraemon, bunga kantil, atau [isi dengan kreativitas masing-masing], maka perlu tag buat mencapai impian itu.

Sekian tentang apa itu Tag di HTML.

--

--