H T M L
(Hypertext Markup Language)
HTML (hypertext
markup language) merupakan salah satu format yang digunakan dalam dokumen
dan aplikasi yang berjalan di web browser. Karena itu, untuk bisa
melakukan pemrograman aplikasi di atas web
Anda harus terlebih dahulu menguasai HTML. Walaupun sekarang telah banyak
terdapat tool yang dapat Anda gunakan
untuk membuat halaman secara WYSIWYG (what
you see is what you get) seperti Frontpage
dan Netscape Editor, namun Anda
tetap harus menguasai HTML terutama untuk membuat aplikasi dengan teknologi
CGI.
Dasar-Dasar HTML
HTTP (hypertext
transfer protocol) merupakan protokol yang digunakan untuk mentransfer data
antara web server ke web browser. Protokol ini mentransfer
dokumen-dokumen web yang ditulis atau
berformat HTML (hypertext markup language).
Dikatakan markup
language karena HTML berfungsi untuk ’memperindah’ file teks biasa untuk
ditampilkan pada program web browser. Hal ini dilakukan dengan
menambahkan elemen atau sering disebut sebagai tag-tag pada file teks biasa tersebut.
Tag HTML biasanya berupa tag-tag
yang berpasangan dan ditandai dengan simbol < dan >. Pasangan dari sebuah
tag ditandai dengan tanda ‘/’.
Misalnya pasangan dari tag
<contoh> adalah </contoh>. Dalam hal ini <contoh> kita sebut
sebagai elemen dan biasanya dalam suatu elemen terdapat atribut-atribut untuk
mengatur elemen itu. Jadi misalnya elemen <contoh> bila ditulis dengan
atributnya adalah sebagai berikut : <contoh atribut1=”nilai_atribut1”
atribut2=” nilai_atribut2” … >. Dalam penulisan tag HTML tidaklah case
sensitive artinya penggunaan huruf kecil ataupun kapital tidaklah menjadi
masalah.
Struktur Dasar Dokumen HTML
Setiap
dokumen HTML memiliki struktur dasar atau susunan file sebagai berikut :
<html>
<head>
<title>berisi judul yang muncul pada
title bar web browser</title>
</head>
<body>
Berisi tentang text, gambar, atau apapun
yang ingin anda
Tampilkan pada dokumen anda ada pada bagian
ini.
</body>
</html>
Seperti terlihat, struktur file HTML diawali
dengan sebuah tag <html> dan
ditutup dengan tag </html>. Di
dalam tag ini terdapat dua buah
bagian besar, yaitu yang diapit oleh tag
<head> ... </head> dan tag
<body> ... </body>.
Bagian yang diapit oleh tag HEAD merupakan header dari halaman HTML dan tidak ditampilkan
pada browser. Bagian ini berisi tag-tag
header seperti <title> ... </title> yang berfungsi untuk
mengeluarkan judul pada title bar window
web browser. Tag lain misalnya
<meta> dan tag-tag lainnya yang akan kita pelajari.
Bagian kedua, yang diapit oleh tag BODY merupakan bagian yang akan
ditampilkan pada halaman web browser nantinya. Pada bagian ini Anda
akan menuliskan semua jenis informasi berupa teks dengan bermacam format maupun
gambar yang ingin Anda sampaikan pada pengguna nantinya.