6
BAB II LANDASAN TEORI
2.1 HTML Hypertext Markup Language
HTML Hyper Text Markup Language merupakan bahasa yang digunakan untuk pemrograman web. Ciri utama dokumen HTML adalah adanya
tag dan elemen.
1
HTML merupakan suatu format data yang digunakan untuk membuat dokumen hypertext yang dapat dibaca dari satu platform ke platform
yang lainnya tanpa melakukan suatu perubahan apapun. Dokumen HTML sebenarnya merupakan dokumen teks biasa ASCII. Sehingga di dalam platform
apapun dokumen HTML dapat dibaca, dibuat dan dimodifikasi dengan editor teks biasa.
HTML bermula dari sebuah bahasa yang sebelumnya hanya digunakan di dunia penerbitan dan percetakan yang disebut dengan Standard Generalized
Mark-Up Language SGML. HTML adalah standar yang digunakan secara luas untuk menampilkan halaman, dan kini HTML merupakan standar internet yang
saat in dikendalikan oleh World Wide Web Consortium W3C. Konsep HTML membuat proses pembacaan sebuah dokumen menjadi lebih mudah karena tidak
harus secara urut, baris demi baris, atau halaman demi halaman, tetapi dapat dengan mudah melompat dari satu topik ke topik lainnya. Pada dokumen HTML,
hal ini biasa disebut dengan link hubungan. Dalam penggunaannya, sebagian besar kode HTML tersebut harus terletak di antara tag container, yaitu diawali
dengan nametag dan diakhiri dengan nametag terdapat tanda “”, sebagian
1
Sutarman, S.Kom. 2003. Membangun Aplikasi Web dengan PHP dan MySQL. Yogyakarta:
Graha Ilmu, hal.47
lagi dituliskan dengan format nametag dengan tanda “” dituliskan sebelum tanda “”.
Sebuah halaman web minimal mempunyai empat buah tag utama
2
, yaitu : HTML sebagai tanda awal dokumen HTML.
HEAD sebagai informasi page header. TITLE sebagai title atau judul halaman. Tag ini merupakan bagian dari
tag HEAD. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atas browser pada title bar.
BODY tag ini merupakan inti dari halaman web, karena seluruh content dari halaman web dituliskan pada tag ini. Pada tag ini dapat diletakkan
berbagai attribut seperti warna latar belakang, warna teks, nama link, warna visited link, warna active link, dan lain-lain.
Berikut ini adalah contoh skema dasar kode HTML yang dapat ditulis dengan editor teks biasa.
HTML HEAD
TITTLE contoh kode html TITLE HEAD
BODY bgcolor=”FFFFFF” text=”000000” Posisi tekas, gambar, dan link anda ada disini
BODY HTML
Kode di atas akan menghasilkan tampilan seperti gambar 2.1
2
Daus, mamat; Hypertext Markup Language; http: mamatdaus.wordpress.com, diakses 13 Agustus 2009
Gambar 2.1 contoh tampilan halaman HTML sederhana
Selain tag dasar yang telah dijelaskan sebelumnya, terdapat juga beberapa tag lain yang memiliki fungsionalitas berbeda-beda. Berikut ini tag-tag lain selain tag
dasar tersebut di atas : html
head :tag awal HTML
title :Header dokumen
body :Judul dokumen
h1…h6 :Isi dokumen
p :paragraf
b,i,u,sup,sub :atribut br
:ganti baris font
:font li,ol,ul
:enumerasi hr
:garis mendatar img
:gambar a
:link table
:tabel -- --
:komentar frame,frameset,iframe :frame bingkai
form :formulir isian
input,textarea,select :komponen isian pada formulir
map :link berdasar area pada
gambar span,div
:pengelompokan elemen
dokumen
2.2 PHP Hypertext Preprocessor PHP