Apa Itu Tag HTML?
HTML (HyperText Markup Language) merupakan bahasa pemrograman yang digunakan untuk membangun struktur dan konten pada sebuah halaman web. Tag HTML adalah instruksi yang digunakan untuk memberi tahu browser web cara menampilkan konten di halaman web. Tag-tag ini ditulis dalam kurung siku (< >) dan biasanya muncul berpasangan, dengan tag pembuka dan tag penutup.
Berikut adalah contoh sederhana dari tag HTML:
Contoh Tag HTML
Judul Halaman
Ini adalah paragraf teks.
Dalam contoh di atas, kita dapat melihat beberapa tag HTML:
<!DOCTYPE html>: Tag ini mendeklarasikan jenis dokumen HTML yang digunakan.<html>: Tag ini menandai awal dan akhir dari keseluruhan dokumen HTML.<head>: Tag ini berisi informasi tentang halaman web, seperti judul halaman.<title>: Tag ini mendefinisikan judul halaman web yang ditampilkan di tab browser.<body>: Tag ini berisi konten yang ditampilkan di halaman web.<h1>: Tag ini mendefinisikan heading level 1.<p>: Tag ini mendefinisikan paragraf teks.
Fungsi Tag HTML
Tag HTML memiliki berbagai fungsi, beberapa di antaranya:
- Struktur konten: Tag HTML seperti
<div>,<header>,<footer>,<nav>digunakan untuk mengorganisir konten halaman web menjadi struktur yang logis. - Format teks: Tag seperti
<b>(bold),<i>(italic),<u>(underline) digunakan untuk memformat tampilan teks. - Gambar dan media: Tag seperti
<img>untuk menampilkan gambar,<audio>untuk menampilkan audio,<video>untuk menampilkan video digunakan untuk memasukkan media ke dalam halaman web. - Tautan: Tag
<a>digunakan untuk membuat tautan ke halaman web lain atau ke bagian lain dari halaman yang sama. - Tabel: Tag seperti
<table>,<tr>,<td>digunakan untuk membuat tabel. - Formulir: Tag seperti
<form>,<input>,<select>digunakan untuk membuat formulir.
Jenis-Jenis Tag HTML
Ada banyak jenis tag HTML, dan setiap tag memiliki fungsinya masing-masing. Beberapa tag yang umum digunakan adalah:
- Tag Struktur:
<html>,<head>,<body>,<header>,<footer>,<main>,<nav>,<section>,<article>,<aside>,<div>,<span> - Tag Format Teks:
<h1>sampai<h6>,<p>,<pre>,<b>,<strong>,<i>,<em>,<u>,<mark>,<del>,<ins> - Tag Media:
<img>,<audio>,<video>,<source> - Tag Tautan:
<a> - Tag Tabel:
<table>,<tr>,<th>,<td> - Tag Formulir:
<form>,<input>,<textarea>,<select>,<button>
Kesimpulan
Tag HTML adalah dasar dari pengembangan web. Dengan mempelajari tag-tag HTML dan memahami fungsinya, Anda dapat membangun halaman web yang menarik dan fungsional.