HTML Part I

2011-10-20T08:00:00.000-07:00

DASAR-DASAR HTML
HTML kepanjang dari Hypertext Markup Language. HTML adalah suatu format data yang digunakan untuk membuat dokumen hypertext yang dapat dibaca dari satu platform komputer ke platform komputer lain tanpa perlu melakukan perubahan apapun. Dokumen HTML disebut markup language karena mengandung tanda-tanda tertentu yang digunakan untuk menentukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen. Anda dapat menentukan baris-baris mana yang merupakan judul, menentukan gambar yang harus tampil dan pengaturan format pada teks dan lain sebagainya.

Dengan sistem hypertext pada dokumen HTML, Anda tidak harus membaca suatu dokumen secara urut dari atas ke bawah. Anda dapat langsung menuju pada topik-topik yang Anda inginkan. Dokumen HTML bisa mengandung teks, gambar, suara, flash, dan video. Yang membedakan HTML dengan dokumen lain adalah adanya Tag-Tag HTML beserta tag-tagnya. Tag dan tag HTML berfungsi untuk memformat atau menandai suatu bagian tertentu dari dokumen HTML dan juga menentukan struktur bagian tersebut dalam dokumen HTML. Dokumen HTML disusun oleh tiga bagian yaitu:

1. Baris yang berisi informasi versi HTML yang digunakan
2. Deklarasi bagian header dengan Tag HEAD
3. Deklarasi bagian body dengan Tag BODY atau FRAMESET

Contoh dokumen HTML sederhana:
<!DOCTYPE HTML PUBLIC â-//W#C//DTD HTML 4.01//ENâ
âhttp://www.w3.org/TR/html4/strict.dtdâ>
<html>
<head>
<title>dokumen html saya yang pertama</title>
</head>
<body>
halo semua, saya orang baru ...!
</body>
</html>

HTML HEAD
Kepala dokumen dinyatakan dengan pasangan tag ... yang merupakan pembuka dari dokumen HTML. HEAD berisi informasi-informasi yang menjelaskan tentang dokumen HTML, seperti judul dokumen, basis URL suatu dokumen, hubungan antar dokumen dalam HTML, dan indeks suatu dokumen. Informasi yang ada di bagian HEAD tidak akan terlihat ketika dokumen tersebut dibuka pada suatu browser. Tag berikut yang dapat ditambahkan pada bagian tag :

1. <TITLE>
2. <BASE>
3. <LINK>
4. <META>
5. <SCRIPT>
6. <STYLE>

Di dalam tag terdapat tag ... yang digunakan untuk membuat judul pada suatu dokumen HTML. Tag hanya boleh berada di bagian <HEAD> dan setiap dokumen hanya boleh memiliki satu judul. TITLE bukan bagian dari teks dokumen dan tidak boleh mengandung tag-tag lain. TITLE biasanya ditampilkan oleh browser pada title bar dari jendela browser dan berfungsi sebagai labael untuk jendela dari browser tersebut. Contoh Tag Title: <html> <head> <title>Dokumen html saya yang pertama</title> </head> <body> </body> </html> Tag BASE. Tag ini dapat digunakan untuk mempersingkat penulisan URL, dengan memberikan hubungan relatif pada link dari dokumen. BASE menyediakan suatu jalur pencarian bagi dokumen-dokumen yang mempunyai hubungan dengan dokumen pengguna tag BASE. Dengan menggunakan BASE, seorang dapat mengikuti link dari dokumen Anda sekalipun dokumen telah berpindah tempat. Hal ini terjadi jika seseorang mengambil suatu file untuk membaca secara lokal pada komputernya. Tanpa menggunakan BASE referensi yang menuju dokumen lain akan menjadi kacau karena dokumen yang direferensikan berada di komputer Anda, bukan pada komputer mereka Contoh Tag Base: <html> <head> <title>Dokumen html saya yang pertama</title> <base href="http://www.w3schools.com/images/" /> </head> <body> </body> </html> Tag LINK. Tag <LINK> menyatakan hubungan antara dokumen, karena itu LINK berada di bagian HEAD. Suatu dokumen dapat banyak mempunyai LINK dengan berbagai atributnya untuk menyatakan semua hubungan yang memungkinkan antara dokumen tersebut dengan dokumen lain yang berhubungan. Lihat Tabel 2.1 yang berisi atribut LINK beserta fungsinya. HREF : Menunjukkan pada dokumen atau bagian dokumen yang dituju oleh LINK tersebut. REL : Menyatakan hubungan antar dokumen saat ini dengan nilai pada HREF REV : Menyatakan hubungan antara dokumen saat ini dengan nilai HREF, hanya saja hubungan yang berlawanan dengan REL TYPE : Spesifikasi tipe dan parameter untuk link style shhet Contoh Tag Link: <html> <head> <title>Penggunaan tag link</title> <link rev=âmadeâ href=âmailto:usu@usu.ac.idâ> <link rel=âindexâ href=âindex.htmâ> </head> <body> </body> </html> Untuk tag <META>, <SCRIPT>, dan <STYLE> akan dibahas pada part berikutnya.<div class="blogger-post-footer"></div> </article> </main></body></html>

Hidup berawal dari mimpi

HTML Part I