Dalam HTML, bagian head merupakan bagian penting dari sebuah halaman web yang berisi informasi metadata tentang dokumen HTML tersebut. Metadata adalah informasi tentang data, dalam hal ini, informasi tentang halaman web seperti judul, deskripsi, dan tag meta yang mendefinisikan informasi penting lainnya seperti bahasa yang digunakan, author, dan lain-lain.
Pada artikel ini, kita akan belajar cara membuat bagian head di HTML.
Untuk membuat bagian head, kita memerlukan tag <head> dan </head> yang berfungsi sebagai penutup dari tag <html> dan pembuka dari tag <body>. Berikut adalah contoh code sederhana untuk membuat bagian head:
<!DOCTYPE html>
<html>
<head>
<title>Contoh Halaman Web</title>
<meta name="description" content="Ini adalah contoh halaman web" />
</head>
<body>
<h1>Halaman Utama</h1>
<p>Ini adalah halaman utama.</p>
</body>
</html>
Kode di atas memiliki dua elemen dalam tag head, yaitu judul halaman web dan tag meta.
Tag <title> digunakan untuk menentukan judul halaman web yang akan ditampilkan di browser web. Jika Anda membuka halaman web, judul halaman web ini akan terlihat pada tab di browser. Sebagai contoh, pada kode di atas, judul halaman web adalah "Contoh Halaman Web".
Tag meta digunakan untuk memberikan informasi tambahan tentang halaman web. Informasi yang diberikan dapat berupa deskripsi, keywords, author, dan lain sebagainya. Pada kode di atas, tag meta memberikan deskripsi tentang halaman web tersebut.
Anda juga dapat menambahkan tag <link> untuk menghubungkan dokumen HTML dengan dokumen lainnya, seperti file CSS atau file JavaScript. Berikut adalah contoh code untuk menambahkan link CSS pada bagian head:
<!DOCTYPE html>
<html>
<head>
<title>Contoh Halaman Web</title>
<meta name="description" content="Ini adalah contoh halaman web" />
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Halaman Utama</h1>
<p>Ini adalah halaman utama.</p>
</body>
</html>
Pada contoh di atas, tag link menghubungkan halaman web dengan file CSS bernama style.css.
Dalam membuat halaman web, bagian head sangat penting untuk memberikan informasi tentang halaman web tersebut. Dengan memahami cara membuat bagian head di HTML, Anda dapat membuat halaman web yang lebih baik dan lebih mudah dimengerti oleh pengguna.