KURSUS WEB JAKARTA

HTML Head

The HTML <head> Element

Elemen <head> merupakan wadah untuk semua elemen kepala. Elemen di dalam <head> dapat mencakup script, menginstruksikan browser di mana untuk menemukan style sheet, memberikan informasi meta, dan banyak lagi.

Tag berikut dapat ditambahkan ke bagian kepala: <title>, <style>, <meta>, <link>, <script>, <noscript>, dan <base>.

The HTML <title> Element

Tag <title> mendefinisikan judul dokumen.

Unsur <title> diperlukan dalam semua HTML / XHTML dokumen.

Unsur <title>:

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

Contoh Sebuah dokumen HTML sederhana:

title
 <!DOCTYPE html>
<html>
<head>
<title>Judul dokumen</title>
</head>

<body>
Isi dokumen ....
</body>

</html>


 

 

The HTML <base> Element

Tag <base> menentukan alamat default atau target default untuk semua link pada halaman:

<head>
<base href="http://www.kursuswebdesign.co.id/images/"><base target="_blank">
</head> 

  The HTML <link> Element

Tag <link> mendefinisikan hubungan antara dokumen dan sumber daya eksternal.

Tag <link> paling digunakan untuk link ke style sheet:

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

 The HTML <style> Element

 Tag <style> digunakan untuk mendefinisikan informasi style untuk dokumen HTML.

Di dalam elemen style Anda menentukan bagaimana elemen HTML harus membuat dalam browser:

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

 The HTML <meta> Element

Metadata adalah data (informasi) tentang data.

Tag <meta> menyediakan metadata tentang dokumen HTML. Metadata tidak akan ditampilkan pada halaman, tetapi akan dibaca oleh mesin.

Meta elemen biasanya digunakan untuk menentukan deskripsi halaman, kata kunci, penulis dokumen, terakhir diubah, dan metadata lainnya.

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

tag <meta> selalu masuk ke dalam elemen <head>.

<meta> Tags - Examples of Use

 Tentukan kata kunci untuk mesin pencari:

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

 Tentukan deskripsi halaman web Anda:

<meta name="description" content="Free Web tutorials on HTML and CSS">

 Tentukan penulis halaman:

 <meta name="sayyid" content="abdullah">

  Refresh document setiap 30 detik:

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

 

The HTML <script> Element

Tag <script> digunakan untuk mendefinisikan script sisi klien, misalnya JavaScript.

Unsur <script> akan dijelaskan dalam bab berikutnya.

Tag Description
<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 script sisi client
<style> Mendefinisikan informasi style untuk dokumen

 

BELAJAR WEB DI ITKOMPUTER

Durasi 8 kali pertemuan untuk satu kali pertemuan 2 jam.
Pengenalan Photoshop untuk design web, design web dengan Photoshop, Integrasi Photoshop dengan DreamWeaver, Pengenalan DreamWeaver, perintah-perintah HTML, CSS, JQuery, Membuat animasi banner, Upload website dengan FTP dan cpanel, trik bagai mana mempromosikan website anda di internet, memilih web Hosting. Berbagai Tips dan Trik menarik tentang Web Design. Tujuan akhir setelah mengikuti kursus ini: Anda dapat membuat web yang menarik seperti company profile, web gallery photo, banner animasi, mempromosikan web di internet dan dapat melakukan upload ke server hosting.

Klik disini untuk mendaftar