2 6
V . I m a g e
A. Format Image
Ada banyak format image, tapi ada tiga jenis format yang paling sering di gunakan :
GI F Graphical I nterchange Format .GI F
JPEG Joint Photographic Expert I mage .JPG
PNG Portable Network Graphics
B. Insert Image ke Document
Tag I MG di gunakan untuk menginsertkan image ke document HTML. Syntax nya:
IMG SRC = “URL” html
head titleWorking with Imagetitle
head body
img src=Dog.gif body
html
Attribute Value Description
Align Center | justify | left | right |
Baseline | top | bottom | middle
Top, bottom, middle
digunakan untuk menentukan posisi image terhadap text
Left, right, center
untuk menentukan posisi image di document
html head
titleWorking with Imagetitle head
body pimg src=Dog.gif height=100 width=100
Default alignment at the bottomp pimg src=Dog.gif height=100 width=100
align=topAligned at Topp pimg src=Dog.gif height=100 width=100
align=middleAligned at Middlep body
2 7 html
C. Image Map
Anda bisa gunakan image yang ada pada website anda untuk membuat image map. I mage map yaitu suatu area pada image yang bisa kita beri
hyperlink area ini biasanya disebut “hot spots”. Coordinat dari hotspot ditentukan menggunakan bidang geometry seperti
rectangle, polygon dan lainya.
Shape Description
Default Semua area image
Rect
AREA KOTAK TERTENTU
Circle
AREA LINGKARAN TERTENTU
Poly
AREA POLYGON
2 8
Coordinat dari object relatif terhadap pojok kirai atas image.
Coordinate Value
Rect Left-x, top-y, right-x, bottom-y
Circle
CENTER-X, CENTER-Y, RADIUS
Poly
X1, Y1, X2, Y2, … XN, YN
Contoh:
html head
titleCreating Hotspottitle head
body img src=Starry.gif width=400 height=200
border=0 usemap=Map map name=Map
area shape=rect coords=0,0,200,100
href=file1.htm alt=kotak
link area shape=circle
coords=354,41,36
href=file2.htm alt=lingkaran
link area shape=poly
coords=58,102,97,101,110,134, 119,119,177,195,69,196,
47,162,62,143 href= map
body html
2 9
V I . Fo r m
A. Pengenalan Form
Ke gu na a n For m
Berikut ini beberapa contoh kegunaan Form dalam web:
memperoleh data-data user baik nama, alamat dan data lainnya untuk mendaftar pada service yang di sediakan.
memperoleh informasi pembelian secara online
memperoleh feedback dari user mengenai website anda.
For m Ele m e n t
Tag FORM digunakan untuk membuat form dalam document HTML.
Attribute Description ACCEPT
Mendefinisikan MI ME yang di izinkan oleh server yang memuat script untuk memproses form.
Syntax:
ACCEPT= ”I nternet Media Type” METHOD
Menentukan bagaimana data akan di kirim ke server. GET – data akan di kirim dengan menggunakan query string pada
URL. POST – data akan di kirim ke server sebagai block data ke script.
Syntax:
METHOD= ”POST| GET” ACKTI ON
Menentukan lokasi dari script yang akan memproses data dari form
Syntax:
ACTI ON= ”URL”
B. HTML Input Element