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>

Satu-satunya cara agar kita memperolehi kasih sayang, ialah jangan menuntut agar kita dicintai, tetapi mulailah memberi kasih sayang kepada orang lain tanpa mengharapkan balasan. Dale Carnagie

sesuai judul artikel kali ini saya akan share tentang dokument head pada html atau tag-tag yang yang terletak di antara <head> dan </head>

Last Modif at July 7th, 2011

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>

Indam

A geek, frontend developer. Like you, coding & experiment.
#web #design #ui #ux #standard #dreamer
#welding #interisti #beer #coffee

One thought on “Tag HTML untuk document HEAD”

  1. Maha Pemilik says:

    Mas ada artikel untuk menghias tampilan menu blog?

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Disclaimer, FAQ & License

Hello Gaes, untuk tujuan apapun semua content text di blog ini dapat di copas, tanpa harus menulis sumbernya. Namun content yang berupa gambar--harus Anda periksa kembali lisensinya.

Adapun(mungkin) sebagian content blog ini sudah kadaluarsa atau sudah tidak relevan, contoh :'Theme default WordPress 3+ adalah Twentyten 'apakah selamanya Twentyten?' ngga kan? Indam selaku pengelolah berharap melaporkan jika menemukan content basi yang mungkin dapat menimbulkan salah persepsi tentang content dan konsep itu sendiri. Oia, karena blog ini bersifat pribadi dan bukan untuk komersil, mungkin anda juga akan menemukan tulisan tentang aku dan hal-hal rancu yang sama sekali ngga ada hubungan dengan web dan blog-blogan. Perlu dicatat: Indam selaku pengelolah tidak bertanggung jawab atas kerugian materi, waktu, tenaga, pikiran yang mungkin ditimbulkan dari sini. So, pandai-pandai yah dalam memilah informasi. Thanks for reading.

Quote

Ketika Anda melihat orang lain mengangkat dirinya dengan cara merendahkan orang lain, sebenarnya orang itu lebih rendah dari mereka yang direndahkan. Phidias--greece filsuf

+
-