Pengenalan HTML

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.

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:

<HTML>
<HEAD>
<TITLE>Judul Yang Muncul Pada Title Bar Browser</TITLE>
</HEAD>
<BODY>
<H1>Helo World</H1>
Di dalam BODY ditempatkan teks, gambar, link atau isi dokumen Anda.
</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.

This entry was posted on Monday, December 10th, 2007 at 2:57 pm and is filed under Tutorial HTML. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Leave a Reply