Assalamu'alaikum warahmatullaahi wabarakatuh
Seperti yang telah kita pelajari pada artikel pertama tentang pengenalan dan teori dasar HTML, bahwa struktur dasar HTML terdiri dari tag <html>, <head> dan <body>.
Telah dijelaskan pada artikel tersebut bahwa tag <head> berisi informasi dari dokumen yang diproses di belakang layar dan tidak akan ditampilkan pada halaman web.
A. MELEWATI DEKLARASI TAG <HEAD>
Deklarasi tag <head> sebenarnya bisa kita lewati (tidak dicantumkan) karena sebuah elemen yang disisipkan sebelum tag <body> akan secara otomatis didefinisikan sebagai bagian <head>. Contoh :
<!DOCTYPE html> <html> <title>Judul halaman</title> <body> <h1>Heading</h1> <p>Paragraf.</p> </body> </html>
B. ELEMEN-ELEMEN DASAR PADA TAG <HEAD>
Elemen-elemen dasar pada tag <head> di antaranya :
1. Elemen <title>
Elemen <title> dibutuhkan di setiap dokumen HTML. Elemen ini merupakan judul dari sebuah halaman dokumen. Elemen <title> berfungsi :
- Mendefinisikan yang akan ditampilkan pada tab browser
- Menjadi judul pada sebuah laman ketika laman tersebut ditambahkan doi bookmark/favorit
- Menampilkan judul sebuah laman pada hasil pencarian search engine
<!DOCTYPE html> <html> <title>Elemen title</title> <body>
Konten dokumen...... </body> </html>
Elemen <style> mendefinisikan style atau tampilan dari sebuah dokumen. Contoh :
<style> body {background-color:yellow;} p {color:blue;} </style>
Elemen <style> ini biasa digunakan untuk CSS internal, Anda bisa membacanya pada Belajar HTML Part 10 - Kombinasi dengan CSS.
3. Elemen <link>
Elemen <link> mendefinisikan relasi dengan file eksternal, misalnya dengan sebuah file CSS. Contoh :
<link rel="stylesheet" href="style.css">
Elemen <meta> digunakan untuk menspesifikasikan metadata dari sebuah dokumen. Beberapa metadata yang bisa dispesifikasikan di sini adalah :
- description = mendeskripsikan berisi tentang apa sebuah halaman web
- keyword = menspesifikasikan kata kunci yang digunakan sebuah halaman web pada search engine
- author = menspesifikasikan pemilik dari sebuah halaman web
Contoh :
<head> <meta name="description" content="Blog tentang wawasan, tips & trik, serta berbagai tutorial tentang komputer"> <meta name="keywords" content="Wawasan komputer,Tips & Trik komputer,Tutorial Web, Tutorial HTML, Tutorial Animasi"> <meta name="author" content="Kamaludin Khoir"> <meta charset="UTF-8"> </head>
Elemen <script> digunakan untuk menempatkan javascript sisi klien. Contoh :
<script> function myFunction {
document.getElementById("demo").innerHTML = "Hello JavaScript!";
} </script>
Elemen <base> digunakan untuk target pada tautan-tautan pada sebuah halaman web. Contoh :
<base href="http://www.batweber.blogspot.co.id" target="_blank">
Dengan menyisipkan script di atas, seluruh elemen tautan dalam dokumen HTML yang mengarah pada http://batweber.blogspot.com/ akan ditampilkan pada tab baru, dengan atribut target = "_blank".
Demikian seri belajar HTML tentang tag <head>. Semoga bermanfaat, terima kasih,
wassalamu'alaikum warohmatullaahi wabarokatuh.
0 komentar:
Post a Comment
Terima kasih atas kunjungannya, semoga artikel ini bermanfaat. Silahkan berikan komentar Anda.