Fungsi Dan Tutorial Membuat Dokumen Head HTML Dan Penjelasan Terlengkap

By Posted on

Elemen HTML head adalah elemen yang digunakan sebagai tempat untuk meta data (kumpulan data tentang data).
Meta data HTML berisi tentang data dokumen HTML itu sendiri, segala informasi mengenai meta data tidak akan ditampilkan dalam halaman web browser,  cara untuk memerikasanya adalah dengan melihat langsung source code HTML. Berikut ini adalah tutorial / cara membuat HEAD HTML .

head

Contents show

Title Dokumen

Informasi title di dalam suatu elemen head tidak ditampilkan dalam window browser. Lihat hasil gambar title dokumen dibawah ini:

141

Lihat Source Code

<!— coba_headtitle .html->
<html>
<head>
<title>The title is not displayed</title>
</head> <body>
<p> WELCOME TO MY BLOG</p>
<p><marquee> www.Pro.Co.Id </marquee></p>
</body>
</html>

Satu Target untuk Seluruh Link

Contoh ini mendemonstrasikan bagaimana menggunakan tag base untuk membuat seluruh link pada suatu page mempunyai target yang sama. Lihat hasil gambar head title dokumen dibawah ini:

142

Lihat Source Code

<!–coba_headtarget.html–>
<html>
<head>
<base target=”_blank”>
</head>
<body>
<p>
<a href= “http://www.Pro.Co.id” target=”_blank”>This link</a>
will load in a new window because the target attribute is set to “_blank”.
</p>
<P>
<a href=”http://www.Pro.Co.Id”>
This link</a>
will also load in a new window even without a target attribute. </p>
</body>
</html>

Meski menggunakan base, jika pada program didefmisikan target yang berbeda dengan yang dituliskan dalam base, maka yang digunakan adalah yang ada pada program. Seperti contoh berikut ini. Lihat hasil gambar head title dokumen dibawah ini:

143

Lihat Source Code

<!—coba_headtarget2.html->
<html>
<head>
<base target=”_blank” >
</head>
<body>
<P>
<a href=”http://www.Pro.Co.Id” target=”_top”>
This link</a>
will also load in a new window even without a target attribute. </p>
</body>
</html>

Elemen Head

Elemen head berisi informasi umum, disebut dengan informasi meta, tentang suatu dokumen. Meta berarti informasi tentang sesuatu. Kita dapat mengatakan bahwa meta-data berarti informasi tentang data, atau meta-informasi berarti informasi tentang informasi.

Informasi dalam Elemen Head

Elemen-elemen di dalam head seharusnya tidak ditampilkan oleh suatu browser. Merujuk pada standar HTML, hanya beberapa tag yang legal di dalam bagian head:
Pemrograman WEB dengan HTML

Sehingga konstruksi sebagai berikut adalah ilegal:
<head>
<p>Sekedar tulisan</p>
</head>

Pada kasus ini browser punya dua pilihan:
1. menampilkan teks tersebut karena berada dalam sebuah elemen paragraf
2. menyembunyikan teks karena di dalam suatu elemen head

Jika anda meletakkan sebuah elemen html seperti <hi> atau <p> di dalam suatu elemen head seperti di atas, kebanyakan browser akan menampilkannya, walaupun ilegal.

Tag-tag Head:

NN: Netscape, IE: Internet Explorer, W3: Web Standard (W3C).

Tag Awal NN IE W3 Kegunaan
<head> 3.0 3.0 3.2 Definisi informasi tentang dokumen
<title> 3.0 3.0 3.2 Definisi title dokumen
<base> 3.0 3.0 3.2 Definisi suatu referensi default kepada suatu resource eksternal
<link> 4.0 3.0 3.2 Definisi relasi antara dua dokumen yang terhubung
<meta> 3.0 3.0 3.2 Definisi informasi meta

 

Demikian penjelasan singkat yang bisa admin sampaikan. Semoga artikel ini bisa menambah pengetahuan anda tentang dunia pemograman dan ilmu yang dibagikan dapat bermanfaat bagi pembaca. Sampai bertemu di postingan-postingan selanjutnya..see you ^-^

READ MORE: