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
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 akses oleh browser. Mendesain html adalah adalah sebuah seni
tersendiri. Homepage yang merupakan implementasi dari html adalah 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 nama body. Tag harus ditulis secara berpasangan, yang terdiri atas tag pembuka dan tag penutup
ditambahkan karakter setelah karakter , sebagai contoh body
Universitas Sumatera Utara
ini adalah tag pembuka isi dokumen html, dan body ini adalah tag penutup isi dokumen html.
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
Universitas Sumatera Utara
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.
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
Universitas Sumatera Utara
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:
body text=v bgcolor=w background=uri link=x alink=y vlink=z body
2.8.4 Elemen dan Tag HTML