Belajar HTML : Head

posted in: Tutorial Pemrograman | 0

Head HTML

<head> elemen merupakan wadah untuk semua elemen Head.

Elemen di dalam <head> dapat mencakup script, menentukan style sheet, memberikan informasi meta, dan banyak lagi.

Tag berikut dapat ditambahkan ke bagian Head:

<title>, <style>, <meta>, <link>, <script>, <noscript>, dan <base>.

Elemen <title>

<title> tag mendefinisikan judul dokumen.
<title> elemen diperlukan dalam semua dokumen HTML / XHTML.

 

Beberapa fungsi tag <title>:

  • mendefinisikan judul di toolbar browser
  • memberikan judul untuk halaman ketika ditambahkan ke favorit
  • menampilkan judul untuk halaman dalam hasil pencarian mesin

Elemen <base>

<base> tag menentukan basis URL / target untuk semua URL relatif dalam halaman:

Elemen <link>

<link> mendefinisikan hubungan antara dokumen dan sumber daya eksternal.
<link> tag yang paling digunakan untuk link ke style sheet:

Elemen <style>

Tag <style> digunakan untuk mendefinisikan informasi style untuk dokumen HTML.
Di dalam elemen <style> Anda menentukan bagaimana elemen HTML harus dibuat dalam browser:

Contoh :

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<base href = "http://www.kursuswebmaster.com/images/" target = "_blank">
<link rel="stylesheet" type="text/css" href="styleku.css">


<style type = "text / css"> 
 body {background-color: kuning;} 
 p {color: blue;} 
 </style>

 
 </head>
 
 <body>
 The content of the document......
 </body>
 
 </html> 

 

Elemen HTML <meta>

Metadata adalah data (informasi) tentang halaman.
Tag <meta> menyediakan metadata tentang dokumen HTML. Metadata tidak akan ditampilkan pada halaman, tetapi akan ke mesin parsable.

Elemen Meta biasanya digunakan untuk menentukan page description, keywords, penulis dokumen, terakhir diubah, dan metadata lainnya.

Metadata dapat digunakan oleh browser (bagaimana menampilkan konten atau reload halaman), mesin pencari (keywords), atau layanan web lainnya.

 

Kata kunci untuk mesin pencari:


<meta name = "keywords" content = "HTML, CSS, XML, XHTML, JavaScript">

Deskripsi dari halaman web Anda:



<meta name = "description" content = "Web tutorial gratis di HTML dan CSS">


Penulis halaman:



<meta name = "author" content = "Hege Refsnes">



Refresh dokumen setiap 30 detik:



<meta http-equiv = "refresh" content = "30">



Tag Deskripsi
<head> Mendefinisikan informasi tentang dokumen
<title> Mendefinisikan judul dokumen
<base> Mendefinisikan sebuah alamat default atau target default untuk semua link pada halaman
<link> Mendefinisikan hubungan antara dokumen dan sumber daya eksternal
<meta> Mendefinisikan metadata tentang dokumen HTML
<script> Mendefinisikan sebuah script sisi klien
<style> Mendefinisikan informasi style untuk dokumen

 

Leave a Reply