HTML

HTML merupakan singkatan dari hypertext markup language, yang merupakan program penulisan informasi pada sebuah homepage^[10]. Penulis HTML dapat dilakukan menggunakan alat bantu seperti NotePad yang terdapat pada windows atau Simple Text Macintosh. Selain itu juga dapat digunakan editor HTML seperti Macromedia Dreamweaver dan Microsoft FrontPage yang dapat memudahkan dalam menulis HTML dan memungkinkan dokumen HTML yang dibuat dapat diakses oleh berbagai jenis browser. HTML berupa kode-kode tag yang memberikan instruksi pada web browser untuk memberikan tampilan sesuai yang diinginkan.

I. Struktur HTML

Secara sederhana HTML terdiri dari dua bagian yaitu head dan body. Struktur HTML diapit oleh tag awal <.html>dan tag akhir <./html>.

<.html>

<.head>

Deskripsi dokumen

<./head>

<.body>

Isi dokumen

<./body>

<./html>

1.HEAD

Bagian head adalah bagian dari dokumen HTML yang tidak di tampilkan di browser tapi menyimpan informasi yang berguna mengenai dokumen. Elemen-elemen yang terdapat pada head :

a. Tag <.title>

Berfungsi memberi judul halaman web dan ditampilkan pada title bar pada jendela browser. Penggunaannya :

<.title>Judul halaman web<./title>

b. Tag <.base>

Berfungsi untuk basis URL (Uniform Resource Locator) dari dokumen. Penggunaanya :

<.base href="”http://www.nawawebsite.com”">

c. Tag <.link>

Berfungsi untuk menunjukkan relasi antar dokumen HTML Penggunaanya :

<.link rev="”made”HREF="mailto:nama@emailprovider.com">

d. Tag <META>

Paling berguna untuk memberikan deskripsi mengenai dokumen kita, misalnya refresh, description, author (pengarang), keyword (kata kunci), dan lain-lain. Properti description dan keyword merupakan properti yang penting dan dijadikan referensi bagi kebanyakan search engine (mesin pencari) yang ada di internet untuk menemukan suatu situs. Penggunaanya:

<.meta name="”<.i" style="">keywords<./i>” CONTENT=”asik, lucu, humor”>

2. BODY

Informasi yang ada pada bagian ini akan ditampilkan baik gambar, teks, suara dan lain-lain. Atribut pada body:

Atribut	Fungsi
ALINK	Menentukan warna dari link yang sedang aktif
BACKGROUND	Menentukan sumber dari gambar yang dijadikan background (bisa berupa direktori atau URL)
BGCOLOR	Menentukan warna background dokumen
BGPROPERTIES	Jika diisi FIXED maka gambar background tidak ikut tergulung
LEFTMARGIN	Menentukan batas kiri dokumen

Tabel 1. Atribut HTML

3. HEADING

Digunakan untuk menyatakan judul atau subjudul dari suatu dokumen yang digunakan didalam <.i style="">tag<./i> <.body>. HTML menyediakan 6 tingkatan heading (<.h1>..<.h6>). Heading level 1 biasanya digunakan sebagai judul utama. Atribut ALIGN untuk menentukan perataanya ketika ditampilkan di browser.

II. Memformat Dokumen HTML

Kita dapat memformat tampilan dokumen HTML menggunakan tag-tag tertentu. Tag-tag tersebut antara lain:

a. Tag

Tag ini digunakan untuk memulai baris baru. Jika ditulis sekali akan turun satu baris, jika ditulis dua kali maka akan turun dua baris. Tag ini tidak memerlukan tag penutup.

b. Tag

Berfungsi untuk memulai suatu paragraf baru. Dengan menggunakan tag ini maka browser akan memberikan jarak atau spasi pada sebelum dan sesudah paragraf.

c. Tag

---

Digunakan untuk membuat garis batas horizontal yang berguna untuk membagi dokumen. Atribut yang dapat digunakan antara lain: ALIGN, WIDTH, SIZE, NOSHADE, dan COLOR.

d. Tag <.pre><./p>

Membuat tampilan pada browser sama dengan tampilan pada editor.

e. Tag <.center><./p>

Berfungsi untuk menengahkan elemen pada browser. Tag ini dapat digunakan untuk teks, gambar, maupun elemen yang lain.

f. <.span style=""> <./span><.i style="">Tag<./i> <.blockquote>

Digunakan untuk menulis kutipan teks. Dengan tag ini tulisan akan ditampilkan menjorok ketengah oleh browser (mengindentasi teks).