Skip to main content

A.2. Pengertian Tag

Tag di dalam konteks HTML merupakan sebuah penanda yang digunakan untuk mengelompokan bagian-bagian tertentu dari konten di dalam dokumen HTML. Tag juga berfungsi untuk membuat format-format tertentu dalam proses pembuatan kerangka pada halaman web.

Setiap tag biasanya di letakan di antara kurung sudut, seperti pada kode dibawah ini:

<!--- <nama-tag>konten</penutup-tag> --->
<!--- Contoh penggunaan tag (heading tag) --->
<h1>Hello World</h1>

A.2.1 Struktur Dokumen HTML

Seperti pada kode yang terdapat pada chapter A.1. Pengertian HTML, sebuah dokumen HTML memiliki sebuah struktur. Untuk lebih jelasnya bisa kita lihat gambar di bawah ini:

Output

Struktur dasar pada dokumen HTML terdiri dari elemen-elemen penting yang berfungsi untuk membentuk sebuah kerangka dan konten yang terdapat pada halaman web. Berikut merupakan definisi dari masing-masing elemen yang membentuk struktur dasar pada dokumen HTML:

  • Document Type: Deklarasi tipe dokumen yang nantinya akan memberitahu web browser bahwasannya dokumen ini menggunakan HTML versi 5.
  • Root Element: Sebuah elemen yang digunakan untuk membungkus seluruh konten pada halaman web.
  • Head Element: Bagian yang bersisi metadata atau informasi terkait dokumen seperti judul halaman**,** link , ataupun charset yang digunakan di dalam dokumen.
  • Body Element: Merupakan sebuah bagian yang membungkus atau berisi konten di halaman web seperti teks, gambar, audio, tautan ataupun video.

A.2.2. Macam-macam Tag Pada HTML

Di dalam HTML terdapat berbagai jenis tag, diantaranya adalah:

  • Page Structure Tag: Sekumpulan tag yang biasanya digunakan untuk membuat struktur pada halaman web seperti header , footer , nav dan lain-lain.
  • Multimedia Tag: Sekumpulan tag yang biasa digunakan untuk keperluan multimedia seperti menyisipkan gambar, audio ataupun video di dalam halaman web.
  • Hyperlink Tag: Yaitu tag yang biasa digunakan untuk membuat sebuah navigasi atau tautan secara external maupun internal.
  • List Tag: Tag yang secara khusus digunakan untuk membuat sebuah list atau format daftar di dalam halaman web.
  • Text Formatting Tag: Sekumpulan tag yang biasa di pakai untuk membuat format pada sebuah teks, seperti format judul, paragraf dan sebagainya.

Masih banyak tag-tag yang terdapat di dalam HTML. Wah kira-kira ada tag apa saja ya di dalam HTML🤔?
Yuk mari kita bahas pada chapter selanjutnya😁🙌.