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 adalah. Dalam hal ini
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 dan ditutup dengan tag
. Di dalam tag ini terdapat dua buah bagian besar, yaitu
yang diapit oleh tag… dan tag
….
· HEAD
: Merupakan header dari halaman HTML dan tidak ditampilkan pada
browser. Bagian ini berisi tag-tag header seperti
… 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 .
- 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
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
…
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
sampai
sampai
.
- Elemen yang dihilangkan di HTML5
1.
2.
3.
4.
5.
6.
7.
8.
9.
10. </span></span></div>
<div class="MsoListParagraphCxSpMiddle" style="background-color: white; color: #222222; font-size: 13.2px; line-height: 19.8px; margin-left: 76.5pt; text-align: justify; text-indent: -0.25in;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><span style="font-size: 12pt; line-height: 24px;">11.<span style="font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 12pt; line-height: 24px;"><strike></span></span></div>
<div class="MsoListParagraphCxSpLast" style="background-color: white; color: #222222; font-size: 13.2px; line-height: 19.8px; margin-left: 76.5pt; text-align: justify; text-indent: -0.25in;">
<span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><span style="font-size: 12pt; line-height: 24px;">12.<span style="font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 12pt; line-height: 24px;"><tt></span></span></div>
