MENYAJIKAN DAN MEMBERI KETERANGAN PADA GAMBAR
TKJ - Pemrograman Web
Memperbesar dan Memperkecil Ukuran Gambar Serta, Memberi Keterangan Pada Gambar
Assalamualaikum Wr. Wb.
Selamat pagi/siang/sore/malam... kali ini saya akan menjelaskan bagaimana cara memperbesar dan memperkecil ukuran gambar serta, memberi keterangan pada 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"/>
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"/>
Berikut contoh dari saya coding tentang memberi keterangan pada gambar:
<html>
<head>
<title>Gambar</title>
</head>
<body>
<h1>Menyajikan format gambar dengan keterangan</h1>
<img src="html/kobe.jpg" title="24 ?Februari ?2016 (Games PC)">
</body>
</html>
Berikut hasil berdasarkan screenshotnya
Sekian dulu post ini.
See you next time...
Memperbesar dan Memperkecil Ukuran Gambar Serta, Memberi Keterangan Pada Gambar
Assalamualaikum Wr. Wb.
Selamat pagi/siang/sore/malam... kali ini saya akan menjelaskan bagaimana cara memperbesar dan memperkecil ukuran gambar serta, memberi keterangan pada 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"/>
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"/>
Berikut contoh dari saya coding tentang memberi keterangan pada gambar:
<html>
<head>
<title>Gambar</title>
</head>
<body>
<h1>Menyajikan format gambar dengan keterangan</h1>
<img src="html/kobe.jpg" title="24 ?Februari ?2016 (Games PC)">
</body>
</html>
Berikut hasil berdasarkan screenshotnya
Sekian dulu post ini.
See you next time...
Komentar
Posting Komentar