Belajar Mengenal Kegunaan dan Fungsi Tag HTML

Penasaran mengenai apa saja kegunaan dan fungsi tag HTML saat mendesain website? Berikut ini akan RBC Hosting berikan penjelasan selengkapnya terkait hal tersebut.

Website saat ini sudah menjadi salah satu bagian penting dari setiap individu, usaha, maupun organisasi, dikarenakan semakin meningkatnya pengguna dan penggunaan internet di dalam kehidupan sehari-hari, dan juga meningkatnya kebiasaan seseorang dalam mencari informasi melalui suatu website.

Tentunya website tidak hanya terbentuk begitu saja, namun akan melalui proses pembuatan terlebih dahulu sebelum akhirnya bisa ditampilkan.

Salah satu hal yang paling menentukan bentuk website adalah HTML, yang akan kita bahas pada artikel kali ini yang diharapkan bisa memberikan informasi yang bermanfaat bagi Anda.

Apa itu HTML?

Hyper Text Markup Language (HTML) adalah dasar utama dan standar Bahasa  markup dari setiap halaman website, apapun metode yang digunakan untuk membuat suatu website tersebut.

Penggunaan HTML diperlukan guna bisa membangun fondasi dasar dari suatu halaman website, sebelum nantinya rancangan dari suatu website dikembangkan lebih lanjut dengan menggunakan CSS, atau menggunakan bahasa pemrograman seperti Javascript, Python, Ruby on Rails, dan lain sebagainya.

Di dalam membangun fondasi tersebut, HTML memiliki sekumpulan elemen-elemen yang disebut dengan tag HTML yang akan menjadi fokus utama dari pembahasan kita kali ini.

Apa itu Tag HTML?

Tag HTML adalah metode pemformatan dari HTML yang berfungsi sebagai pemberi petunjuk bagi browser web tentang apa format yang digunakan dan bagaimana suatu konten website ditampilkan, serta untuk membedakan antara mana konten yang berupa HTML dan mana yang hanya berupa teks sederhana.

Tag HTML sendiri terdiri dari tiga bagian, yaitu tag pembuka, isi konten, dan tag penutup, yang mana formatnya adalah sebagai berikut:

  • Tag pembuka menggunakan format seperti ini: <nama tag HTML>,
  • Isi konten ada yang menggunakan brackets (lambing < dan >) dan ada yang tidak,
  • Tag penutup menggunakan format seperti ini: </nama tag HTML>

Contoh, misalnya kita ingin suatu konten ditampilkan sebagai paragraf (menggunakan tag <p>), maka format penulisannya adalah:

<p>Ini diisi dengan teks untuk paragraf</p>

Tag pembuka berfungsi sebagai penanda dimulainya fungsi suatu elemen HTML, sementara tag penutup menandakan diakhirinya fungsi elemen HTML tersebut.

Namun ada juga beberapa elemen yang tidak memerlukan tag penutup, yang mana elemen semacam ini disebut dengan elemen void.

Contoh Tag HTML

Berikut ini, RBC Hosting akan memberikan contoh format dokumen HTML paling dasar dari suatu halaman website, yang bisa kamu jadikan sebagai rujukan sebelum membangun fondasi website yang lebih rumit lagi. Contohnya adalah sebagai berikut:

<!DOCTYPE html>
<html lang=”id”>
<head>
<title>Judul dokumen</title>
</head>
<body>

<h1>Ini adalah heading 1</h1>
<p>Ini adalah paragraf.</p>

</body>
</html>

Penjelasannya adalah sebagai berikut:

  • <!DOCTYPE> digunakan untuk mendeklarasikan kepada browser web apa jenis dokumen yang digunakan, yang dalam contoh di atas adalah HTML,
  • <html lang> digunakan untuk mendeklarasikan bahasa apa yang digunakan pada dokumen HTML, yang dalam contoh di atas menggunakan kode “id” yang merupakan kode dari bahasa Indonesia,
  • <head> digunakan untuk menginformasikan bagian header dari dokumen,
  • <body> digunakan untuk menginformasikan bagian isi dari dokumen,
  • Lalu terakhir, </html> merupakan tag penutup dari elemen <!DOCTYPE html>

Tag HTML Lainnya

Beberapa contoh tag HTML lainnya yang umum digunakan dan penting untuk diketahui antara lain seperti:

  • <br> yang merupakan salah satu elemen void, digunakan untuk membuat baris baru,
  • <h1> sampai <h6>, digunakan untuk membuat heading dengan ukuran berbeda-beda,
  • <div>, digunakan untuk menandakan suatu bagian atau section pada dokumen HTML, ini sangat penting untuk keperluan desain menggunakan CSS,
  • <strong> untuk menebalkan tulisan (bold),
  • <u> untuk menggarisbawahi tulisan (underline),
  • <i> untuk memiringkan tulisan (italic)
  • <table> untuk membuat tabel, yang nantinya akan dibantu dengan <tr> (baris tabel), dan <td> (cell),
  • <ol> untuk membuat list atau daftar, umumnya menggunakan angka, dan masing-masing baris akan ditandai dengan <li>,
  • <ul> untuk membuat list atau daftar, umumnya menggunakan bullet, dan masing-masing baris akan ditandai menggunakan <li>.

Tentunya masih banyak lagi elemen-elemen HTML yang bisa digunakan untuk menyusun fondasi suatu website, yang akan kami bahas pada artikel lainnya.

Semoga penjelasan yang kami berikan bisa memberikan pemahaman lebih terkait apa itu tag HTML, sehingga Anda bisa lebih mengerti dan memahami tentang merancang suatu website.

Click to rate this post!
[Total: 0 Average: 0]