Page 89 - Pemrograman-Web-Semester1

Pemrograman Web Semester 1

11. Kegiatan Belajar 11 : Format Tampilan Gambar

a. Tujuan Pembelajaran
Setelah mengikuti kegiatan belajar 8 ini siswa diharapkan dapat :
1) Memahami Format tampilan gambar

b. Uraian Materi

Memasukkan Gambar ke dalam Halaman Web

Suatu halaman web akan terlihat kaku, terkesan formal, dan sedikit menjemukan
bila tidak disertai dengan gambar. Anda bisa lihat saat ini, halaman web yang
ada di internet, hampir semuanya memasukkan unsur gambar, animasi, bahkan
audio dan video untuk menarik dan membuat tercengang para pengunjungnya.
Cara menambahkan audio dan video akan kita bahas pada bagian lain dalam
buku ini. Untuk saaat ini, kita hanya akan membahas tentang gambar.

Sebagai contoh lain, misalnya anda ingin membuat halaman web yang berisi
koleksi foto anda, maupun barang-barang yang sesuai dengan hobi anda. Dalam
kasus ini, tentu anda harus memahami teknik untuk menampilkan foto tersebut
ke dalam halaman web sehingga akan tampil rapi dan menarik.

Cara yang diperlukan untuk memasukkan atau menambahakan gambar ke
dalam suatu halaman web sangatlah mudah. HTML telah menyediakan tag
khusus untuk keperluan ini, yaitu <img>. Tag ini merupakan tag tunggal atau
tidak memiliki pasangan. Atribut terpenting dari tag <img> adalah SRC (source
atau sumber), yang berisi file gambar yang akan ditampilkan ke dalam halaman
web.

Bentuk umum penggunaan tag <img> adalah :

<img src=”namafile” />

Jika file yang akan ditampilkan berada di direktori lain, atau bahkan berada di
situs web lain, makan anda perlu menyebutkan juga lokasi dari file tersebut.

Contoh:

<img src= “../image/wrangler-rubicon.jpg”>

75 | P a g e