Tag HTML <head>


Contoh

Dokumen HTML sederhana, dengan tag <title> di dalam bagian kepala:

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Title of the document</title>
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

Lebih banyak contoh "Coba Sendiri" di bawah ini.


Definisi dan Penggunaan

Elemen <head>adalah wadah untuk metadata (data tentang data) dan ditempatkan di antara tag <html> dan tag <body>.

Metadata adalah data tentang dokumen HTML. Metadata tidak ditampilkan.

Metadata biasanya menentukan judul dokumen, kumpulan karakter, gaya, skrip, dan informasi meta lainnya.

Elemen-elemen berikut dapat masuk ke dalam <head>elemen:


Dukungan Peramban

Element
<head> Yes Yes Yes Yes Yes


Atribut Global

Tag <head>juga mendukung Atribut Global dalam HTML .


Lebih Banyak Contoh

Contoh

Tag <base> (menentukan URL default dan target untuk semua tautan di halaman) masuk ke dalam <head>:

<html>
<head>
  <base href="https://www.w3schools.com/" target="_blank">
</head>
<body>

<img src="images/stickman.gif" width="24" height="39" alt="Stickman">
<a href="tags/tag_base.asp">HTML base Tag</a>

</body>
</html>

Contoh

Tag <style> (menambahkan informasi gaya ke halaman) masuk ke dalam <head>:

<html>
<head>
  <style>
    h1 {color:red;}
    p {color:blue;}
  </style>
</head>
<body>

<h1>A heading</h1>
<p>A paragraph.</p>

</body>
</html>

Contoh

Tag <link> (tautan ke style sheet eksternal) masuk ke dalam <head>:

<html>
<head>
  <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>

<h1>I am formatted with a linked style sheet</h1>
<p>Me too!</p>

</body>
</html>

Halaman Terkait

Tutorial HTML: Kepala HTML

Referensi DOM HTML: Objek Kepala


Pengaturan CSS Default

Sebagian besar browser akan menampilkan <head>elemen dengan nilai default berikut:

head {
  display: none;
}