12.03.2016 Views

Pemrograman Web(1)

Sarana Pendidikan Teknologi Aceh 2016-2020

Sarana Pendidikan Teknologi Aceh 2016-2020

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

<strong>Pemrograman</strong> <strong>Web</strong> Semester 1<br />

11. Kegiatan Belajar 11 : Menyajikan Format Tampilan Gambar<br />

a. Tujuan Pembelajaran<br />

Setelah mengikuti kegiatan belajar 11 ini Peserta Didik diharapkan dapat :<br />

1) Memahami Format tampilan gambar<br />

2) Menyajikan Format tampilan gambar<br />

b. Uraian Materi<br />

Memasukkan Gambar ke dalam Halaman <strong>Web</strong><br />

Suatu halaman web akan terlihat kaku, terkesan formal, dan sedikit menjemukan<br />

bila tidak disertai dengan gambar. Kita bisa lihat saat ini, halaman web yang ada<br />

di internet, hampir semuanya memasukkan unsur gambar, animasi, bahkan<br />

audio dan video untuk menarik dan membuat tercengang para pengunjungnya.<br />

Sebagai contoh lain, misalnya ingin membuat halaman web yang berisi koleksi<br />

foto, maupun barang-barang yang sesuai dengan hobi. Dalam kasus ini, tentu<br />

harus memahami teknik untuk menampilkan foto tersebut ke dalam halaman web<br />

sehingga akan tampil rapi dan menarik.<br />

Cara yang diperlukan untuk memasukkan atau menambahakan gambar ke<br />

dalam suatu halaman web sangatlah mudah. HTML telah menyediakan tag<br />

khusus untuk keperluan ini, yaitu . Tag ini merupakan tag tunggal atau<br />

tidak memiliki pasangan. Atribut terpenting dari tag adalah SRC (source<br />

atau sumber), yang berisi file gambar yang akan ditampilkan ke dalam halaman<br />

web.<br />

Bentuk umum penggunaan tag adalah :<br />

<br />

Jika file yang akan ditampilkan berada di direktori lain, atau bahkan berada di<br />

situs web lain, makan perlu menyebutkan juga lokasi dari file tersebut.<br />

Contoh:<br />

<br />

Atau<br />

<br />

127 | P a g e

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!