Memperkecil Dan Memperbesar Ukuran Gambar Serta, Memberi Keterangan pada Gambar
Assalamualaikum Wr.Wb
Kali ini saya akan memposting tentang memperkecil dan memperbesar ukuran gambar serta, memberi keterangan pada gambar dalam bentuk coding html..
1. Pembahasan tentang memperkecil dan memperbesar ukuran 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.
- 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"/>
CODING dari memberi keterangan pada gambar :
<!DOCTYPE HTML>
<html>
<head>
<title>Gambar</title>
<h2>Menyajikan format gambar dengan keterangan</h2>
</head>
<body>
<img src="sil.jpg" title="SILENT HILL">
</body>
</html>
Hasil Screenshot :
Inilah postingan saya kali ini. Wassalamualaikum Wr.Wb
Kali ini saya akan memposting tentang memperkecil dan memperbesar ukuran gambar serta, memberi keterangan pada gambar dalam bentuk coding html..
1. Pembahasan tentang memperkecil dan memperbesar ukuran 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.
- 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"/>
CODING dari memberi keterangan pada gambar :
<!DOCTYPE HTML>
<html>
<head>
<title>Gambar</title>
<h2>Menyajikan format gambar dengan keterangan</h2>
</head>
<body>
<img src="sil.jpg" title="SILENT HILL">
</body>
</html>
Hasil Screenshot :
Inilah postingan saya kali ini. Wassalamualaikum Wr.Wb
Komentar
Posting Komentar