HTML

HTML (HyperTekt Markup Language)

=>Struktur Umum File dengan Bahasa HTML

HTML adalah bahasa yang disisipkan (embedded language) pada

dokumen dengan memberi tanda tertentu yang disebut tag. Tag merupakan

aturan penulisan kode yang ditulis dengan diawali tanda lebih kecil dan di akhiri

dengan tanda lebih besar (). Browser akan menentukan tampilan teks

atau dokumen berdasarkan tag yang digunakan.

Sintaks penulisan tag mengikuti aturan-aturan umum berikut ini:

a) Setiap tag mempunyai nama yang spesifik. Kadang-kadang diikuti opsi-opsi

yang disebut atribut. Baik nama maupun opsi harus berada dalam tanda

<..>.

Contoh:

PHP

Pada contoh ini tagnya memiliki nama sedangkan atribut untuk tag

adalah href dan title. Sehingga baik nama tag dan atributnya harus

berada di dalam tanda <…> seperti pada contoh.

b) Sebagian besar tag berpasangan. Penulisan untuk tag yang berpasangan

adalah sebagai berikut : ….

Cetak Tebal

Pada tag yang berpasangan seperti pada contoh ini, adalah tag akhir. Perhatikan tanda / pada tag akhir.

c) Nama tag dan atribut-nya tidak bersifat case sensitive. Penulisan

Cetak Tebal memberikan hasil yang sama dengan

Cetak Tebal.

d) Penulisan atribut suatu tag diletakkan setelah nama tag. Jika ada lebih dari

satu atribut maka digunakan spasi untuk memisahkan. Urutan atribut tidak

penting.

Teks Baru

Teks Baru

e) Nilai dari atribut ditulis setelah tanda sama dengan (=). Pada contoh

sebelumnya (lihat bagian d) terlihat bahwa atribut SIZE dari tag FONT

memiliki nilai 5 sedangkan atribut FACE memiliki nilai “verdana”.

f) Jika nilai dari atribut hanya tunggal, maka kita langsung menuliskan setelah

tanda =. Jika lebih dari satu maka dapat digunakan tanda ‘… ‘ atau “…”.

Pada contoh bagian d, tampak bahwa penulisan nilai untuk atribut SIZE

tanpa menggunakan tanda “..”, sedangkan pada atribut FACE tanda “..”

untuk menandai kata verdana.

373

Dokumen HTML secara umum akan terdiri dari dua bagian yaitu Header

dan Body (Gambar 13.14)

.

• Header

Bagian ini biasanya berisi berbagai macam keterangan tentang

dokumen termasuk title (judul dokumen), posisinya dalam sekumpulan

halaman web dan hubungannya dengan dokumen lain. Bagian ini ditandai

dengan tag …. . Tag ini tidak mempunyai atribut. Di

dalam tag ini kita dapat meletakkan beberapa tag lain seperti tag title dan tag

link. Lihat Gambar 13.15 dan 13.16.

Gambar 13.15. Header dokumen HTML tanpa tag title.

374

Gambar 13.16. Header dokumen HTML dengan tag title.

• Body

Body adalah bagian dari dokumen HTML tempat dimana kita

meletakkan isi dari dokumen. Bagian ini ditandai dengan tag dan

diakhiri dengan . Apapun yang berada diantara dua tanda ini

disebut sebagai body content. Dokumen HTML yang paling sederhana

mungkin hanya berisi sebaris atau dua baris teks saja tanpa format apapun

(Gambar 13.17). Pada dokumen yang lebih kompleks, body content bisa

berisi teks yang terformat, gambar, tabel atau bahkan animasi yang rumit

(Gambar 13.18).

Gambar 13.17. Dokumen HTML dengan body content sederhana.

Gambar 13.18. Dokumen HTML dengan body content yang lebih kompleks.

13.4.3. Format Dokumen

Ada banyak sekali tag HTML yang tersedia, baik itu berhubungan dengan

deskripsi dokumen atau yang berhubungan dengan format tampilan dokumen.

Tidak semuanya akan dibahas dalam buku ini. Pada bagian berikut ini akan

dibahas beberapa tag yang biasa dipakai dalam format tampilan dokumen.

• Heading

Heading adalah sekumpulan kata yang menjadi judul atau subjudul

dalam sebuah dokumen HTML. Heading berbeda dengan tag