27
2.8 HTML Hypertext Markup Language
Beberapa bagian yang penting, yang terdapat di HTML yaitu:
2.8.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.8.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.
Universitas Sumatera Utara
28
2.8.3 Dasar – dasar HTML
Mendesain html berarti melakukan suatu tindakan pemrograman.Namun html bukanlah sebuah bahasa pemrograman.Namun html hanyalah berisi perintah‐perintah yang telah terstruktur
berupa tag‐tag penyusun.Menuliskan tag‐tag html tidaklah sebatas hanya memasukkan perintah‐perintah tertentu agar html kita dapat di aksesoleh browser.Mendesain html adalah
adalah sebuah seni tersendiri.Homepage yang merupakan implementasi dari htmladalah refleksi
dari orang yang membuatnya.
html head
titleJudul Dokumen htmltitle head
body penulisan informasi Web
body html
Dari struktur dasar html di atas dapat dijelaskan sebagai berikut: 1.
Tag Tag adalah teks khusus markup berupa dua karakter dan , sebagai contoh
body adalah tag dengan namabody. Tag harus ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup ditambahkan karakter setelah karakter
, sebagai contoh bodyini adalah tag pembuka isi dokumen html, dan body ini adalah tag penutup isi dokumen html.
Universitas Sumatera Utara
29
2. Element
Element terdiri atas tiga bagian, yaitu tag pembuka, isi, dan tag penutup. Sebagai contoh untuk menampilkan judul dokumen html pada web browser digunakan
elementtitle, dimana: title ini adalah tag pembuka judul dokumen html Judul Dokumen html ini adalah isi judul dari dokumen html title ini adalah tag penutup
judul dokumen html. Tag‐tag yang ditulis secara berpasangan pada suatu element html, tidak boleh saling tumpang tindih dengan pasangan tag‐tag lainnya. Contoh
penulisan tag‐tag yang benar p
b b
p 3.
Attribute Attribute mendefinisikan property darisuatu element html, yang terdiri atas nama dan
nilai. Penulisannya adalah sebagai berikut: TAG
nama-attr=nilai-attr nama-attr=nilai-attr
TAG Secara umum nilai attribute harus berada dalam tanda petik satu atau dua. Sebagai
contoh, untuk membuat warna teks menjadi kuning dan latarbelakang halaman
webmenjadi hitam, penulisannya adalah body bgcolor=black text=yellow.
Universitas Sumatera Utara
30
4. Element html
Menyatakan pada browser bahwa dokumen Web yang digunakan adalah html. Sintaks: html
html 5.
Element head Merupakan kepala dari dokumen html.Tag head dan tag head terletak di antara
tag html dan taghtml. Sintaks:
head head
6. Element title
Merupakan judul dari dokumen html yang ditampilkan pada judul jendela browser.Tag title dan tag title terletak di antara tag head dan tag head.
Sintaks: title Judul Halaman HTML
title
7. Element body
Element ini untuk menampilkan isi dokumen html.Tag body dan tag body terletak di bawah tag head dan tag head. Element body mempunyai
attribute‐attribute yang menspesifikasikan khususnya warna dan latarbelakang dokumen yang akan ditampilkan pada browser.Sintaks:
Universitas Sumatera Utara
31
body text=v
bgcolor=w background=uri
link=x alink=y
vlink=zbody
2.8.4 Elemen dan Tag HTML