HTML Hypertext Markup Language

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