HTML: Membuat Kepala HTML

Seperti yang kita ketahui, kerangka html adalah sebagai berikut:

<html>
<head>
<title>Judul</title>
</head>
<body>
tulisan kita
</body>
</html>

Dalam bab ini, kita akan membahas tag-tag yang terdapat di antara HEAD. Untuk mempersingkat, inilah tag yang dimaksud dalam contoh:

<head>
 <title>JUDUL</title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <meta charset="utf-8">
 <base href="http://situsku.co.id/" />
 <link rel="Shortcut Icon" href="favicon.ico" type="image/x-icon" />
 <script type="text/javascript" src="jsku.js"></script>
 <script type="text/javascript">
 if (typeof YAHOO === 'undefined') // Load ALL YUI Local
 {
 //lanjut
 }
 </script>
 <link rel="stylesheet" type="text/css" href="cssku.css" />
 <meta name="keywords" content="Ongoing, piece, bla" />
 <meta name="description" content="tes aja" />
</head>

Penjelasan masing-masing baris adalah:

<title>JUDUL</title> judul dari halaman
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /> Meta digunakan untuk menjelaskan keterangan dari halaman yang sedang dibuka. Atribut HTTP-equiv lebih menjelaskan HTTP Header dalam hal ini tipe content. content ini berhubungan dengan huruf yang akan tampil di web kamu.
<meta charset=”utf-8″> mirip seperti di atas, berfungsi pada web dengan kemampuan HTML5
<base href=”http://situsku.co.id/&#8221; /> alamat utama yang digunakan dalam halaman
<link rel=”Shortcut Icon” href=”favicon.ico” type=”image/x-icon” /> icon dari halaman
<script type=”text/javascript” src=”jsku.js”></script> untuk memakai file javascript yang diletakkan di luar
<link rel=”stylesheet” type=”text/css” href=”cssku.css” /> Untuk memakai file css
<meta name=”keywords” content=”Ongoing, piece, bla” /> keyword untuk halaman. Ini sangat bermanfaat untuk pencarian di Google
<meta name=”description” content=”tes aja” /> Penjelasan untuk halaman. Ini sangat bermanfaat untuk pencarian di Google

Tutorial berikutnya akan menjelaskan cara memakai tag Font

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: