Memperbesar dan memperkecil gambar serta, memberi keterangan pada gambar.
Assalamualaikum Wr. Wb.
Pada kesempatan kali ini saya akan membahas cara memperbesar dan memperkecil ukuran gambar serta, memberi keterangan pada gambar.
1. Pembahasan tentang memperkecil dan memperbesar ukuran gambar.
Memperbesar dan memperkecil gambar:
- Untuk menentukan ukuran gambar, kita perlu mengisi atribut HEIGHT berfungsi untuk menentukan tinggi gambar dan WIDTH untuk menentukan lebar gambar.
- misalnya contohnya adalah : <img src="images/komputer.jpg"/>
- Kode diatas akan menampilkan gambar dari file komputer.jpg yang berada didalam direktori images sesuai dengan ukuran asli (misal 500x375pixel).
- Untuk memperkecil gambar tersebut,kita tinggal mempekecil nilai nilai tersebut, misalnya.
<img src=images/komputer.jpg" width=320" height="230"/>
2. Pembahasan tentang memberi keterangan pada gambar.
Memberi keterangan pada gambar:
- keterangan ini akan muncul dalam bentuk tooltip ( sesaat, hanya beberapa detik ) pada saat penunjang mengarahkan kursor ( penujuk mouse ) keatas gambar.
- Untuk membuat keterangan semacam ini, kita dapa menggunakan atribut TITLE maupun ALT pada tag <img>.
- <img src="nama file" title="keterangan"/>
Contoh HTML memberi keterangan pada gambar:
<!DOCTYPE HTML>
<html>
<body>
<h1> Menyajikan format gambar dengan keterangan </h1>
<tr>
<p><img src="Madagascar.jpg" title="Tommy Rinjani Raja Saputra" width=750 align=center> <br><br>
</body>
</html>
ini adalah hasilnya:
Pada kesempatan kali ini saya akan membahas cara memperbesar dan memperkecil ukuran gambar serta, memberi keterangan pada gambar.
1. Pembahasan tentang memperkecil dan memperbesar ukuran gambar.
Memperbesar dan memperkecil gambar:
- Untuk menentukan ukuran gambar, kita perlu mengisi atribut HEIGHT berfungsi untuk menentukan tinggi gambar dan WIDTH untuk menentukan lebar gambar.
- misalnya contohnya adalah : <img src="images/komputer.jpg"/>
- Kode diatas akan menampilkan gambar dari file komputer.jpg yang berada didalam direktori images sesuai dengan ukuran asli (misal 500x375pixel).
- Untuk memperkecil gambar tersebut,kita tinggal mempekecil nilai nilai tersebut, misalnya.
<img src=images/komputer.jpg" width=320" height="230"/>
2. Pembahasan tentang memberi keterangan pada gambar.
Memberi keterangan pada gambar:
- keterangan ini akan muncul dalam bentuk tooltip ( sesaat, hanya beberapa detik ) pada saat penunjang mengarahkan kursor ( penujuk mouse ) keatas gambar.
- Untuk membuat keterangan semacam ini, kita dapa menggunakan atribut TITLE maupun ALT pada tag <img>.
- <img src="nama file" title="keterangan"/>
Contoh HTML memberi keterangan pada gambar:
<!DOCTYPE HTML>
<html>
<body>
<h1> Menyajikan format gambar dengan keterangan </h1>
<tr>
<p><img src="Madagascar.jpg" title="Tommy Rinjani Raja Saputra" width=750 align=center> <br><br>
</body>
</html>
ini adalah hasilnya:
0 Response to "Memperbesar dan memperkecil gambar serta, memberi keterangan pada gambar."
Post a Comment