Pengenalan HTML Untuk Orang Awam

Written By Unknown on Kamis, 10 April 2008 | Kamis, April 10, 2008

Pada postigan sebelumnya telah kita bahas tentang "pengertian html" yang artinya HTML adalah (HyperText Markup Language) adalah “bahasa” yang digunakan pada untuk membuat halaman web di internet. HTML memungkinkan kita untuk menampilkan teks, gambar, link ke halaman lain, membuat form isian, menyisipkan video, suara, dan lain-lain. Struktur Dokumen HTML Dokumen HTML sebenarnya hanya berupa file teks biasa yang dilengkapi dengan tanda-tanda khusus (tag) yang menentukan bagaimana teks tersebut ditampilkan.

Bentuk dan format HTML Menurut Versinya :
XHTML 1.0 Transitional:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

HTML 4.01 Strict:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

HTML 5

<!DOCTYPE html>

Karena itu, dokumen HTML dapat dibuat menggunakan teks editor sederhana seperti Notepad, EditPlus, vi, dan sebagainya. Namun sekarang ini telah banyak visual editor untuk HTML seperti: Microsoft Front Page, Macromedia Dreamweaver, Adobe GoLive, dan lain-lain. Tag HTML biasanya adalah tag-tag yang berpasangan dan ditandai dengan simbol < dan >, sedangkan ‘pasangan’ atau akhir perintah dari sebuah tag ditandai dengan tanda ‘/’, misalnya pasangan dari tag <tag> adalah </tag>.

Dokumen HTML biasanya disimpan dengan extension .HTM atau HTML. Untuk membuka dokumen HTML ini, diperlukan sebuah Web Browser. Contoh web browser yang banyak dipakai adalah: Microsoft Internet Explorer, Netscape Navigator, Opera, dan sebagainya. Berikut ini adalah sebuah contoh dokumen HTML sederhana:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> "Judul Weblog" </title>
</head>
<body>
<h1>"Heading"</h1>
<p>"Paragraph"</p>
</body>
</html>

Dokumen HTML dapat dibagi menjadi dua bagian, yaitu bagian kepala (HEAD) dan tubuh (BODY). Bagian kepala ditandai dengan tag <HEAD></HEAD>. Pada bagian ini biasanya diisi dengan informasi-informasi tambahan yang berguna bagi web browser ketika menampilkan halaman tersebut, atau informasi untuk search engine. Bagian tubuh diapit tag <BODY></BODY>. Isi dokumen dan tag HTML lainnya diletakkan di bagian ini.

Salah satu elemen penting yang terletak pada bagian head adalah TITLE. Seperti tampak pada contoh di atas, teks yang diapit tag <TITLE></TITLE> ditampilkan pada title bar web browser. Teks ini adalah judul halaman web bersangkutan. Judul ini berguna untuk memberi gambaran umumpada pengunjung tentang isi halaman bersangkutan.

Share this article :