Senin, 20 April 2015

HTML Image (2) : Mengatur ukuran gambar

Html menyediakan attribute width untuk mengatur lebar dan height untuk mengatur tinggi gambar.

Contoh : imagesize.html
  1. <html>
  2. <head>
  3. <title>HTML Image Size</title>
  4. </head>
  5. <body>
  6. <img src="Desert.jpg" width="300">
  7. </body>
  8. </html>



Hasil keluaran browser :











Penjelasan : jika kita hanya mengatur width dengan ukuran 300 pada gambar, maka otomatis height akan di atur secara proposional (seimbang). Jika kita atur width dan height nya dan kita tidak mengetahui ukuran proposionalnya kemungkinan gambar akan seperti berikut :


Mana yang lebih baik ? semua tergantung kebutuhan kita pada saat menggunakannya.

Tidak ada komentar:

Posting Komentar