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;
}