Head Pada HTML (Part 1) ~ Tutorial Blog dan WebDesign

Elemen <head> adalah tempat untuk semua elemen-elemen head. Elemen-elemen yang ada pada bagian <head> mencakup script yang berguna untuk menginstruksikan browser dimana tempat untuk menemukan informasi meta dan lain-lain. Berikut ini tag-tag yang dapat ditambahkan ke dalam bagian <head> beserta contoh dan penjelasannya :

Elemen <title>

Tag <title> digunakan untuk menentukan judul dari dokumen. Elemen <title> dibutuhkan untuk semua dokumen HTML ataupun dokumen XHTML. Kegunaan dari elemen <title> adalah :

Untuk mendefinisikan judul pada toolbar browser.
Menyediakan judul halaman untuk mempermudah ketika akan menambahkannya ke dalam halaman favorit.
Menampilkan judul halaman pada hasil pencarian search engine.

Contoh :

<html>

<head>

<title>Judul Artikel</title>

</head>

<body>Isi Artikel</body>

</html>

Elemen <base>
Tag <base> digunakan untuk menentukan alamat default atau target default dari semua link yang ada pada halaman web.
Contoh:

<head>
<base href = "http://www.beyblogdesign.blogspot.com/"/>
<base target = "_blank"/>
</head>

Atribut	Value	Penjelasan
href	url	Mengatur url base untuk semua url yang berhubungan halaman web dengan catatan base url harus absolut/ tetap
target	blank parent self top framename	untuk menentukan tempat dimana link akan di buka.

Elemen <link>

Tag <link> digunakan sebagai penghubung diantara sebuah dokumen dan sumber eksternal. Tag <link> paling sering digunakan sebagai penghubung ke style sheet.
Contoh :

<head>
<link rel = "stylesheet" type = "text/css" href = "mystyle.css">
</head>

Atribut	Value	Penjelasan
charset	charencoding	menentukan karakter pengkodean dari dokumen terkait.
href	URL	menentukan lokasi dari dokumen terkait
hreflang	lang_code	menentukan bahasa dari teks pada dokumen terkait
media	screen tty tv projection handheld print braille aural all	menentukan pada perangkat apa dokumen terkait akan ditampilkan.
rel	alternate appendix bookmark chapter contents copyright glossary help home menu index next subsection prev section start stylesheet	menentukan hubungan diantara dokumen saat ini dan dokumen terkait
rev	alternate appendix bookmark chapter contents copyright glossary help home menu index next subsection prev section start stylesheet	menentukan dokumen terkait dengan dokumen saat ini
target	blank parent self top framename	menentukan tempat dimana dokumen terkait akan diload

Elemen <style>
Tag <style> digunakan untuk menjelaskan informasi style dari dokumen HTML. Dalam tag <style> sobat secara khusus menjelaskan bagaimana elemen HTML harus diproses pada browser.
Contoh :

<head>
<style type = " text/css">
body {background-color : yellow} p {color : green}
</style>
</head>

Atribut	Value	Penjelasan
media	screen tty tv projection handheld print braille aural all	menentukan style pada media yang berbeda
type	text/css	menentukan tipe MIME dari style sheet (D)

Untuk elemen <meta> dan elemen <script> akan saya jelaskan pada postingan selanjutnya!!!Enjoyy

Tutorial Blog dan WebDesign

VISITOR

27 April 2013