Tag HTML untuk document HEAD
sesuai judul artikel kali ini saya akan share tentang dokument head pada html atau tag-tag yang yang terletak di antara <head> dan </head>
tulisan kali ini merupakan kelanjutan dari artikel sebelumnya(kategory html).
sesuai judul artikel kali ini saya akan share tentang dokument head pada html atau tag-tag yang yang terletak di antara <head> dan </head>
mari kita langsung ke inti dari artikel kali ini, sebenarnya jika sahabat menulis code html seperti ini
<head>
<title>belajar html itu madah ya</title>
<p>ya html itu memang mudah</P>
</head>
browser tetap akan menampilkan paragrafnya, akan tetapi html itu punya aturan dimana tag <p> itu seharusnya hanya boleh ditulis di element body <body>. .disini . .</body>, nah sekarang coba perhatikan contoh diatas, aneh kan! ya walaupun penulisannya benar, tapi kode html diatas itu sangat salah dan tidak dibenarkan
nah, maka dari itulah saya akan share tag-tag apa saja yang terletak di documet head, berikut tag-tag yang boleh ditambahkan di document head
tag <title>
contoh;
<head>
<title>html itu mudah ya</title>
</head>
keterangan*
fungsi dari tag title ini adalah menjelaskan pada browser, tentang judul dari document htmlnya
penulisan tag <title> hanya boleh sekali, jika menulis dua atau lebih itu salah
contoh salah
<head>
<title>ini adalah judul</title>
<title>judul kedua</title>
</head>
tag <link>
contoh;
<head>
<link rel="stylesheet" href="http:indaam.co.cc/style.css" type="text/css" media="screen" />
</head>
keterangan*
fungsinya ialah menghubungkan suatu document dengan document lainya atau juga memanggil file eksternal
dari contoh diatas, saya memanggil style.css yang terletak di http:indaam.co.cc/style.css(hanya contoh)
tag link ini, bisa di tulis berulang, contoh
<head>
<link rel=”stylesheet” href=”http:indaam.co.cc/style.css” type=”text/css” media=”screen” />
<link rel=”shortcut icon” type=”image/ico” href=”http://indaam.co.cc/pavicon.ico”/>
</head>
tag <script>
contoh;
<head>
<script tipe="text/javascript">
// code javascript
<script>
</head>
keterangan*
fungsinya ialah untuk menulis code javascipt
kita juga bisa menggunakan tag ini untuk external file, tag ini juga bisa ditulis lebih dari dua kali, contoh;
<head>
<script tipe="text/vbscript">
// code vbscript
<script>
<script type="text/javascript" src="http://indaam.co.cc/javascript.js"/>
</head>
tag <style>
contoh
<head>
<style type="text/css">
body{background:blue;}
</style>
</head>
keterangan*
funsinya untuk menambahkan style css,
tag ini juga bisa di tulis lebih dari dua kali, contoh
<head>
<style type="text/css">
body{background:blue;}
</style>
<style type="text/css">
#id{background:red;}
.class{background:pink;}
</style>
</head>
<meta> tag
contoh
<head>
<meta name="generator" content="WordPress 2.9.1" />
</head>
keterangan*
fungsi dasar dari tag meta ini adalah untuk menjelasakan tentang content/isi suatu document html
tag meta ini, biasanya sangat dioptimalkan oleh pakar seo
struktur meta seperti ini <meta name=". . . ." content=". . . . " />
meta tag boleh bisa ditulis bebeapa kali, contoh
<head>
<meta name="generator" content="WordPress 2.9.1" />
<meta name="keyword" content="belajar, html" />
</head>
yaps, sepertinya cuma itu tentang tag-tag pada document head, sebenranya masaih ada lagi yaitu <base>, <index> cuman aku ngga pernah pakai tag ini, semoga saya tulisan ini bermanfaat, saya harap sahabat ingat bahwah tag-tag untuk body itu tidak bisa di masukin ke dalam tag <head> . . . </head>
