HTML : Tag

HTML Tag

Apa itu tag dalam HTML? secara singkat HTML tag adalah sebuah komponen yang digunakan untuk menyusun struktur pada suatu website. HTML terdiri dari komponen yang disebut HTML tag.

Secara umum terdapat 2 tipe HTML tag, yaitu :

Opening Tag (Tag pembuka) - contohnya adalah <h1>

Closing Tag (Tag penutup) - contohnya adalah </h1>

Format Penulisan

Opening Tag, diawali dengan tanda kurang dari '<' kemudian diikuti dengan nama tag yang ingin digunakan, diakhiri dengan tanda lebih besar dari '>'.

Closing Tag, Sama halnya dengan opening tag, yang membedakan adalah setelah tanda kurang dari '<' dan sebelum nama tag wajib diberi tanda garis miring '/'.

Struktur HTML

Secara umum struktur dokumen HTML memiliki tiga tag utama, yaitu <html>, <head>, dan <body> . Berikut penulisan ketiga tag tersebut :

<!DOCTYPE html>
<html>
  <head>
    ....... 
  </head>
  <body>
    .......
  </body>
</html>

Penjelasan :

<!DOCTYPE> adalah tag yang mendefinisikan versi dari HTML yang digunakan, dan wajib ditulis sebelum tag <html>.

<html></html> adalah tag yang membungkus semua HTML tag lainnya.

<head> pada umumnya berisi <meta>, <title> atau file css/js internal maupun external.

<body> berisi tag-tag yang digunakan untuk menampilkan konten website.

Nah, dibawah ini adalah contoh file HTML sederhana yang memiliki title dan konten, kamu dapat mengcopy nya ke text editor dan simpan kedalam file dengan format nama-file.html

<!DOCTYPE html>
<html>
  <head>
    <title>First Website</title>
  </head>
  <body>
    <h1>Selamat Datang!</h1>
  </body>
</html>

Apabila dibuka di web browser maka akan tampil seperti ini :

Penjelasan :

<title>First Website</title> akan menghasilkan nama First Website pada judul tab web browser.

<h1>Selamat Datang!</h1> akan menghasilkan kalimat 'Selamat Datang!' yang merupakan sebuah konten pada website kita.