Image

Image atau gambar • Fungsinya untuk menambah daya tarik dari sebuah halaman web. • Dengan penambahan gambar maka akan mengakibatkan semakin bertambah besarnya penggunaan byte dari dokumen dari HTML, yang secara otomatis akan berakibat terhadap kinerja atau memperlambat waktu tampil dari halaman web tersebut.

Fungsi pengolahan gambar terdiri dari • Image alignment/ perataan teks pada gambar • Image adjustment/ ukuran gambar • Image alternate/teks gambar • Image link/link gambar • Image map/pemetaan gambar Tag HTML yang digunakan untuk menampilkan gambar : Sintak untuk gambar

Gambar • Format gambar yang biasa digunakan : 1. JPEG Format jpeg memiliki ukuran kompresi yang besar ( ukuran file bisa lebih kecil dari gif) tidak mendukung animasi. 2. GIF Format gif mampu menampilkan gambar animasi, ukuran file relatif kecil dengan tidak mengurangi warna.

Contoh pemberian gambar Gambar Hasil

Atribut dalam image • Atributnya : ALIGN ALT BORDER SRC • Atribut SRC digunakan untuk menetukan sumber gambar. • Atribut ALIGN digunakan untuk menentukan letak gambar. • Atribut BORDER digunakan untuk memberi tanda batas pada gambar

Perataan Teks pada gambar • Horisontal – Top – Middle – bottom • Vertikal – Left – Center – Right

P enggunaan align (TOP,Bottom,middle> Gambar Nama saya Hide Hasil

Penggunaan align (left,center,right) Gambar Nama saya Hide Hasil

Ukuran gambar • Digunakan untuk mengatur lebar dan tinggi dari sebuah gambar dalam sebuah halaman HTML • Sintaknya

Teks gambar • Digunakan untuk menampilkan teks pada saat cursor mouse berada diatas gambar. Sintaksnya adalah

Link Gambar • Digunakan untuk mengaitkan gambar dengan halaman tertentu didalam sebuah dokumen html.

Bermain dengan warna • Untuk memasukkan warna, html menggunakan kode heksa decimal • Heksa decimal terdiri dari 16 angka dan huruf (0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F).Satu kode Heksadesimal terdiri dari 6 angka atau huruf, contoh (6699FF [biru muda], [hitam], FFFFFF [putih]) • Biasanya diawali dengan tanda pound (#)

Penulisan warna dengan kata-kata

Entitas karakter yang sering digunakan Nama entitasNomor entitasKeterangan ©©Copyright ®®Registeres trademark ™Trademark ¡Non-breaking space &&Ampersand ««Left-pointing double angle »&187;Right-pointing double angle ""Tanda kutip <<Lebih kecil >=Lebih besar ××Tanda kali ÷÷Tanda bagi

Menggunakan kata © ® & « » " < > × ÷ Menggunakan angka © ® ™ ¡ & « » " < = × ÷