3.2 MEMAHAMI FORMAT TEKS PADA HALAMAN WEB

A. Anatomi Dokumen Web

1 Dasar-Dasar HTML

HTTP (Hypertext transfer protocol) merupakan protokol yang digunakan untuk mentransfer data antara web server ke web browser. Protocol ini mentransfer dokumen-dokumen web yang ditulis atau berformat HTML. HTML ini digunakan untuk memperindah tampilan pada program web.

Fitur-Fitur dalam HTML:

1. Canvas : digunakan untuk membuat gambar dalam gambar, yang hasilnya kita tidak perlu diambil secara utuh melainkan dapat disusun sendiri menggunakan program tertentu

2. Header : Digunakan sebagai tempat diletakkannya judul, yang bias diisi dengan elemen logo atau nama suatu instansi

3. Footer : Sebagai temmpat untuk menaruh informasi di bagian bawah halaman sebuah web.

4. Time : Berguna untuk menyajikan informasi tentang waktu.

5. Audio : Memungkinkan untuk melakukan pememutar suara atau lagu.

6. Video : Memungkinkan untuk memainkan atau memutar video atau film.

Secara prinsif, fitur-fitur dalam dokumen HTML dapat dikelompokkan menjadi 5, yaitu:

1. Struktur halaman

2. Presentasi visual

3. Peranti penyaji gambar

4. Pendukung media

5. Peningkatan koneksi dengan JavaScript

Tag HTML biasanya berupa tag-tag yang berpasangan dan ditandai dengan symbol lebih besar (<) dan symbol lebih kecil (>). Pasangan dari sebuah tag ditandai dengan symbol garis miring (/). Misalnya pasangan dari tag <html > adalah</html>. Dalam hal ini <html> kita sebut sebagai elemen dan biasanya dalam suatu elemen terdapat atribut-atribut untuk mengatur elemen itu.

2. Struktur Dasar Dokumen HTML

Dokumen HTML memiliki struktur dasar atau susunan file sebagai berikut :

Struktur file HTML diawali dengan sebuah tag<html> dan ditutup dengan tag </html>. Di dalam tag ini terdapat dua buah bagian besar, yaitu yang diapit oleh tag<head>…</head> dan tag <body>…</body>.

· HEAD : Merupakan header dari halaman HTML dan tidak ditampilkan pada browser. Bagian ini berisi tag-tag header seperti <tittle>… </tittle> yang berpungsi untuk mengeluarkan judul pada tittle bar window web browser.

· BODY : Merupakan bagian yang akan ditampilkan pada halaman web browser nantinya.

3. Pengaturan Properti Dokumen

Properti document adalah pengaturan tampilan web melalui atribut-atribut yang terdapat dalam elemen <body>.

Kode Warna

Warna	Hexadesimal	Warna	Hexadesimal
White	#FFFFFF	Black	#B87333
Red	#FF0000	Green	#00FF00
Blue	#0000FF	Magenta	#FF00FF
Cyan	#00FFFF	Yellow	#FFFF00
Aquamarine	#70DB93	Chocolate	#5C3317
Violet	#9F5F9F	Brass	#B5A642
Coper	#B87333	Pink	#FF6EC7

Atribut Elemen <body>

a. BACKGROUND = Latar belakng dokumen image dokumen

b. BGCOLOR = Warna latar belakng dokumen, biasanya putih

c. TEXT = Warna teks dokumen, biasanya hitam

d. LINK = Warna link dokumen, biasanya biru

e. VLINK = Warna visited link dokumen, biasanya ungu

f. ALINK = Warna aktif link dokumen, biasanya merah

Elemen Heading <h1>… <h6>

Heading berfungsi untuk memformat judul dari suatu halam web. Heading ini akan memperbesar ukuran huruf untuk setiap jenis heading. Ada 7 buah heading yang dikenal di HTML, yaitu dari <h1> sampai <h6>.