2.4 HTML Hypertext Markup Language 2.4.1 Dokumen HTML
Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor teks sembarang. Dokumen ini dikenal sebagai webpage.Dokumen HTML merupakan
dokumen yang disajikan dalam browser web surfer. Dokumen umumnya berisi informasi atau interface aplikasi didalam internet.
Ada dua cara untuk membuat web page : dengan web editor misalnya macromedia Dreamweaver atau Microsoft Frontpage atau teks editor biasa misalnya
notepad atau editplus.
2.4.2 Penamaan Dokumen HTML
Penamaan dokumen HTML yang menggunakan tiga karakter awalnya adalah untuk mengakomodasikan sistem penamaan yang ada pada sistem operasi DOS.Nama
dokumen pada beberapa sistem operasi bersifat case sensitive membedakan huruf besar dan kecil. Nama dokumen yang sama tapi dituliskan dalam case yang berbeda
akan dianggap sebagai document yang berbeda, misalnya „dokumen.html’ berbeda dengan „DOKUMEN.html’.Kasus case sensitiveakan dijumpai pada dokumen web
yang dihosting didalam server yang berbasis .nix keluarga sistem operasi UNIX.
2.4.3 Elemen dan Tag HTML
Dokumen HTML disusun oleh elemen-elemen.Elemen merupakan istilah bagi komponen-komponen dasar pembentuk dokumen HTML untuk menandai berbagai
elemen dalam suatu dokumen HTML, digunakan Tag. Tag HTML terdiri dari sebuah kurung sudut kiri , tanda lebih kecil, sebuah nama tag, dan sebuah kurung sudut
kanan , tanda lebih besar. Tag umumnya berpasangan misalnya, H1 dengan
Universitas Sumatera Utara
H1, atau yang menjadi pasangan selalu diawali dengan karakter garis miring.Tag yang menunjukkan tag awal yang berarti awal elemen, dan yang kedua menunjukkan
tag akhir, berarti akhir elemen.
Nama elemen ditunjukkan dengan namatagnya. Suatu elemen didalam dokumen HTML harus ditandai dengan tagnya yang berpasangan. Ada beberapa
elemen yang tidak mengharuskan tagnya ditulis secara berpasangan, elemen tersebut diantarnya adalah:
a. Paragraf dengan tag p.
b. Ganti garis – break line dengan tagbr.
c. Ganti datar – horizontal rule dengan tag hr.
d. List item dengan tagLi.
Secara umum elemen dalam dokumen HTML yang dinyatakan dengan tagnya, dituliskan:
nama tag_nametag
penulisan penamaan
tag bebas, dapat menggunakan huruf besar, huruf kecil, ataupun campuran tidak case
sensitive. Tetapi untuk antisipasi pada standar penulisan tag, direkomendasikan untuk menuliskan tag dengan menggunakan huruf kecil semuanya.Tag mark up sebenarnya
memberi tahu browser bagaimana memberlakukan atau menampilkan memformat halaman dokumen tersebut dalam browser.
Dalam membuat dokumen HTML dibutuhkan elemen yang dinyatakan dengan taghtml, head dan bodyberikut tag-tag pasangannya. Setiap dokumen terdiri
atas tag head dan body. Elemen head berisi tentang informasi dokumen tersebut, dan elemen body berisi teks yang sebenarnya yang tersusun dari link, grafik, paragraf dan
elemen lainnya.
Universitas Sumatera Utara
Secara umum dokumen dibagi menjadi dua section bagian, yaitu section head dan section body, sehingga setiap dokumen HTML harus mempunyai pola dasar sebagai
berikut:
html head
…informasi tentang dokumen HTML
head body
…informasi yang ditampilkan oleh browser web
body html
Setiap dokumen HTML harus diawali taghtml dan taghtml diakhir dokumen. Tag ini menandai elemen HTML, yang berarti dokumen ini adalah dokumen
HTML. Dalam suatu dokumen hanya ada satu dokumen HTML, section atau elemen head ditandai dengan taghead diawal, dan taghead diakhir.Section ini berisi
informasi tentang dokumen HTML lainnya. Minimal informasi yang dituliskan dalam elemen ini adalah judul dari elemen, judul ini akan ditampilkan pada captionBr dari
windows browser, ditandai dengan menggunakan tagtitledan diakhiri dengan title.Section atau elemen body ditandai dengan tagbody diawal, dan tag body
diakhir.Section body merupakan elemen terbesar didalam dokumen HTML. Elemen ini
Universitas Sumatera Utara
berisi dokumen yang akan ditampilkan pada browser, meliputi paragraf grafik, link, tabel, dan sebagainya.
Contoh dokumen HTML sebagai berikut :
-contoh. html-
html head
title Halaman contoh title head
body
File ini merupakan file contoh. br
bini untuk membuat huruf cetak tebal b
bodyhtml
Hasil dokumen HTML yang ditampilkan di browser Internet Explorer adalah :
Universitas Sumatera Utara
Gambar 2.1 Dokumen HTML ditampilkan dibrowser Internet Explorer
2.5 PHP Hypertext Preprocessor