Pengertian, Fungsi, dan Contoh Tag HTML

HTML (Hypertext Markup Language) menjadi pondasi utama untuk membangun sebuah halaman website. Namun, masih banyak pemula yang merasa bingung dengan berbagai tag HTML. Padahal Anda perlu memahaminya agar bisa membangun halaman website yang baik.

Artikel ini membahas segala hal mengenai tag dalam HTML, mulai dari pengertian, fungsi, sampai dengan contohnya. Simak sampai selesai untuk memahaminya!

Apa itu Tag HTML?

Tag dalam HTML yaitu elemen dasar untuk membangun struktur dan format konten di halaman website. Tanda tag dalam pemrograman website yaitu kurung sudut (<…>). Bagian dalam dari kurung sudut tersebut berisi nama tag dan atribut, yang nantinya akan tampil di halaman website.

Fungsi Tag HTML

Berikut ini fungsi tag HTML yang harus Anda ketahui:

Format konten, yaitu memformat konten sehingga terlihat lebih rapi sesuai keinginan;
Struktur konten, yaitu membantu dalam menyusun struktur dokumen HTML, mulai dari header sampai footer;
Menyisipkan media, seperti gambar atau video di halaman website;
Membuat tautan atau link, sehingga memudahkan dalam berpindah antara halaman satu ke halaman lainnya;
Integrasi dengan CSS dan JavaScript untuk menciptakan website yang fungsional; serta
Bagian dari SEO (Search Engine Optimization).

Contoh Tag HTML

Simak contoh tag HTML berikut ini agar lebih mudah memahaminya!

1. Tag Dasar

Tag dasar adalah tag yang paling fundamental dalam pembuatan website. Semua dokumen Hypertext Markup Language wajib menggunakan tag ini agar bisa berjalan dengan baik. Adapun tag dasar yaitu:

<html>, untuk mendefinisikan seluruh dokumen HTML.
<head>, untuk memberikan informasi meta tentang dokumen.
<title>, untuk menentukan judul halaman website yang akan tampil di tab browser.
<body>, untuk menampilkan semua konten yang terlihat oleh audiens.
<div>, untuk mengelompokkan elemen lain.
, untuk paragraf teks.

Contoh penggunaan tag dasar yaitu sebagai berikut:

<head>

  <title>Contoh Title Website</title>

</head>

2. Tag Formatting

Tag HTML satu ini untuk mengatur tampilan teks dan konten dalam halaman website. Beberapa contohnya yaitu:

, untuk menebalkan teks.
, untuk memberikan penekanan pada teks.
, untuk membuat teks miring.
, untuk menampilkan teks sebagai subscript.

Contoh penggunaan tag formatting yaitu sebagai berikut:

<p>Kini tersedia promo 

   <strong>diskon 25%</strong> 

untuk produk pilihan!</p>

3. Tag Media

Tag media berfungsi untuk menambahkan elemen, seperti gambar, video atau audio. Contoh tag-nya yaitu:

<audio>, untuk mendefinisikan konten audio.
<track>, untuk mendefinisikan subtitle atau teks untuk audio dan video.
<video>, untuk mendefinisikan konten video.
<source>, untuk menyebutkan berbagai sumber media.

Contoh penggunaan tag media:

<h1>Video Tutorial </h1> 

<video controls>

<source src=”video tutorial.webm”type=video/webm”/> 

</video>

4. Tag Font Color

Terakhir, tag font color untuk mengganti warna dari teks. Sebenarnya, tag ini termasuk kategori tag formatting. Berikut ini adalah contoh mengubah warna teks menjadi merah:

<font color=”red”>Contoh Font Color</font>

Sudah Tahu Apa itu Tag HTML pada Pemrograman Web?

Tag HTML adalah elemen dasar dalam membangun website yang bagus. Dengan memahaminya, Anda bisa membangun website sendiri. Ada banyak contoh tag mulai dari tag dasar sampai dengan tag warna tulisan.

Meskipun penggunaannya sederhana, namun mempelajari HTML dari awal memang cukup memusingkan. Jika membutuhkan website berkualitas dengan struktur yang bagus, maka Anda tidak perlu mempelajari HTML sendiri, karena ada RackH (PT RackH Lintas Asia).

Perusahaan IT satu ini menawarkan layanan website and app development untuk Anda. Selain desain website, RackH juga akan membuat fungsinya, sampai dengan hosting, domain, dan perlindungan berupa SSL. Jangan ragu menggunakan jasa RackH karena perusahaan ini jelas berpengalaman. Yuk, hubungi tim sekarang juga!