Lab Aplikasi IT I Erick Wijaya, S.Kom
Pertemuan 4
Menyisipkan Gambar
Selain teks, halaman web juga dapat memuat gambar/image. Terdapat beberapa jenis format gambar yang dapat digunakan pada halaman web, antara lain :
o GIF (Graphical Interchange Format) .gif
o JPEG (Joint Photographic Expert Group) .jpg
o PNG (Portable Network Graphic) .png
o BMP (Bitmap) .bmp
Untuk menyisipkan suatu gambar dalam halaman web dapat dilakukan dengan menggunakan tag <IMG>. Tag ini memiliki atribut dan value sebagai berikut :
Atribut
Value
Keterangan
src
URL gambar
Diisi dengan alamat yang menunjuk pada sumber file gambar
alt
teks
Menentukan tulisan yang akan ditampilkan (biasanya ditempatkan antara tanda petik). Apabila browser tidak dapat menampilkan gambar untuk alasan tertentu.
align
Center | Justify | Left | Right | Baseline | Top | Bottom | Middle
Top, bottom, middle digunakan untuk menentukan posisi image terhadap teks
Left, Right, Center untuk menentukan posisi image pada dokumen
height
angka
Digunakan untuk menentukan ukuran tinggi gambar
width
angka
Digunakan untuk menentukan ukuran lebar gambar
border
angka
Digunakan untuk memberikan bingkai pada gambar
Ada dua cara untuk dapat menyisipkan sebuah gambar ke dalam suatu halaman web atau file HTML dengan menggunakan tag <IMG>, yaitu :
1. Penggunaan tag <IMG> dengan Absolute Path, yaitu dengan meletakan file gambar ke dalam folder yang sama dengan file HTML. Sehingga cukup memanggil nama dari file gambar tersebut.
Contoh : <img src = “makankepiting.jpg”>
Lab Aplikasi IT I Erick Wijaya, S.Kom
2. Penggunaan tag <IMG> dengan Relative Path, yaitu letak gambar dan file berada pada dua folder yang terpisah atau berbeda.
Contoh : <img src = "C:\Documents and Settings\User\My Pictures\pantai.jpg">
Menyisipkan Latar Belakang Gambar
Gambar juga dapat dijadikan latar belakang (background) dari suatu halaman web. Tag yang digunakan untuk menyisipkan gambar sebagai background adalah :
Contoh : <BODY BACKGROUND = ”nama gambar.extensinya”>
Link
Link adalah suatu kemampuan yang dimiliki oleh halaman web. Link berfungsi untuk menghubungkan halaman-halaman web, situs yang lain atau bagian-bagian tertentu pada suatu halaman web. Tag yang digunakan adalah <A> ……. </A> yang berfungsi untuk membentuk suatu link ke dokumen atau sumber yang akan dimuat ketika user melakukan klik pada link tersebut. Adapun atribut yang digunakan pada tag <A> adalah :
Atribut
Value
Keterangan
HREF
URL/ Halaman web
Diisi dengan nama halaman web atau nama URL yang akan di-link-kan.
NAME
#namabagian
Digunakan untuk link dalam satu dokumen web.
Contoh :
<A HREF = ”url atau hal.web lain”> teks ditandai dengan link </A>
<A HREF = ”#bagian dari halaman web”> teks </A> (sebagai penghubung)
<A NAME = ”bagian dari halaman web”> teks </A> (bagian yang dihubungkan)
Lab Aplikasi IT I Erick Wijaya, S.Kom
Selain menggunakan teks, link juga dapat dibuat dengan menggunakan image/gambar. Caranya adalah dengan mengkombinasikan antara tag <A> dan tag <IMG>. Contoh penggunaannya adalah sebagai berikut :
<html>
<body>
<p>
Klik gambar untuk kembali ke awal <a href = "halakhir.html">
<img src = "telor.png"> </a>
</p>
</body>
</html>
Selasa, 30 Oktober 2012
Langganan:
Posting Komentar (Atom)
0 komentar:
Posting Komentar