BAB I -- PEMBELAJARAN HTML Pemula.

I. HTML
1. PENGERTIAN HTML
HTML ( hypertext markup language ) merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web. Karena itu, untuk bisa melakukan pemrograman aplikasi di atas web .Anda harus terlebih dahulu menguasai HTML. Walaupun sekarang telah banyak terdapat paket aplikasi yang dapat digunakan untuk membuat halaman web secara WYSIWYG ( what you see is what you get) seperti Frontpage, DreamWeaver, Netsccape Composer dan masih banyak lagi, namun tetap harus menguasai tag-tag HTML terutama untuk membuat aplikasi di internet.

2. DASAR-DASAR HTML
HTTP (hypertext transfer protocol) merupakan protokol yang digunakan untuk mentransfer data antara web server ke web browser. Protokol ini mentransfer dokumen-dokumen web yang ditulis atau berformat HTML (hypertext markup language).
Dikatakan markup language karena HTML berfungsi untuk memformat file dokumen teks biasa untuk bisa ditampilkan pada web browser sesuai keinginan. Hal tersebut dapat dilakukan dengan menambah elemen atau sering disebut sebagai tag-tag.
Elemen HTML biasanya berupa tag-tag yang berpasangan dan setiap tag ditandai dengan simbol < dan >. Pasangan dari sebuah tag ditandai dengan tanda `/`. Misalnya pasangan dari tag adalah . Dalam hal ini disebut sebagai elemen dan biasanya dalam suatu elemen terdapat atribut-atribut untuk mengatur elemen itu. Jadi misalnya elemen bila ditulis dengan atributnya adalah sebagai berikut :
. Dalam penulisan tag HTML tidaklah case sensitive artinya penggunaan huruf kecil ataupun kapital tidaklah menjadi masalah.

3. MENGENAL TAG
Tag adalah kode yang digunakan untuk me-mark-up teks ASCII sehingga membentuk file html.
Teks ASCII
Contoh:
homepage oleh browser akan ditampilkan sebagai homepage
homepage oleh browser akan ditampilkan sebagai homepage

Kode Warna
Kombinasi per dua digit RGB (red, green,blue) .
Warna Heksadesimal
White #FFFFFF
Black #000000
Red #FF0000
Green #00FF00
Blue #0000FF
Magenta #FF00FF
Cyan #00FFFF
Yellow #FFFF00
Aquamarine #70DB93
Chocolate #5C3317
Violet #9F5F9F
Brass #B5A642
Copper #B87333
Pink #FF6EC7
Orange #FF7F00

4. PENGATURAN PROPERTI HALAMAN WEB
Properti dokumen diatur melalui atribut-atribut yang terdapat dalam elemen menggunakan "<" lalu "body" ">". Sebagai contoh adalah pengaturan warna latar belakang halaman, warna teks, warna link dan lain-lain.

Atribut elemen body
Background = lokasi dan nama file (latar belakang image dan dokumen)
bgcolor = warna ( warna latar belakang dokumen, default putih)
text = warna ( warna teks dokumen, default hitam)
link = warna ( warna link dokumen, default biru )
vlink = warna ( warna visited link dokumen, default ungu)
alink = warna ( warna active link dokumen, default merah)

5. HEADING, PARAGRAPH DAN BREAK
Tag heading berfungsi untuk memformat heading ( judul dan sub-judul ) dari suatu halaman web. Heading ini akan memperbesar ukuran huruf untuk setiap jenis heading. Ada tujuh buah heading yang dikenal di HTML, yaitu dari < h1 > sampai < h6 >.
Tag paragraph

berfungsi layaknya untuk pengaturan antar paragraph dalam halaman web anda. Dalam elemen paragraph terdapat atribut : align = [left | center | right] yang berfungsi sebagai pengaturan perataan paragraph, jadi cukup pilih salah satu dari ketiga pilihan tanpa diberi kurung buka dan tutup, sebagai default-nya adalah left. Anda dapat memilih perataan kiri, tengah atau kanan.
Tag paragraph
berfungsi untuk memberikan baris baru suatu paragrap dalam halaman web anda. Tag Break tidak memerlukan tag penutup break.
Tag Horisontal Ruler

---

berfungsi untuk menampilkan garis horizontal di dalam halaman web anda. Tag Horisontal Ruler tidak memerlukan elemen penutup . (standarisasi terbaru, semua tag pembuka memakai tag penutup).



---



---

Atribut Elemen Horisontal Rules
Align = [ left / center / right ] (perataan horizontal, default center)
Size = pixel ( tebal garis, default 2 )
Noshade = ( garis solid)

Contoh:

Heading one

Heading two

Heading three

Heading four

Heading five

Heading six