Image
Image adalah representasi visual dari objek atau scene yang dihasilkan melalui
proses pemrosesan optik atau digital.
Secara umum, gambar terdiri dari piksel atau titik-titik kecil yang membentuk
gambar secara keseluruhan.
Gambar dapat berupa foto, ilustrasi, grafik, atau gambar digital lainnya.
Image sangat penting dalam banyak aspek kehidupan kita, termasuk di bidang
seni, ilmu komputer, teknologi informasi, desain grafis, dan sebagainya.
Image di Website
Image / gambar bisa digunakan untuk memperindah tampilan website yang kita
buat, HTML mendukung untuk menampilkan gambar dengan tag img .
Hampir semua format gambar yang didukung oleh Web Browser, bisa ditampilkan
di halaman web HTML.
Image Attribute
Tag img adalah void element, jadi tidak memiliki konten, terdapat beberapa
atribut yang bisa kita gunakan dalam tag img.
Attribute src yang digunakan untuk menentukan lokasi gambar yang mau
ditampilkan, bisa menggunakan Absolute URL atau Relative URL.
Attribute alt yang digunakan sebagai representasi text atau tulisan untuk
gambar.
Sebelum Memasukan File Gambar
<html>
<body>
<h1>Belajar HTML Image</h1>
<img src="bikinbalik.png" alt="Logo Bikin Balik">
</body>
</html>
Sesudah di Masukan File Image
Image Size
Secara bawaan default, ukuran gambar akan selalu ditampilkan sesuai aslinya,
kadang-kadang, kita ingin mengubah ukuran gambarnya.
Untuk melakukan itu, kita perlu batuan CSS, kita bisa gunakan attribute CSS
:
- width untuk mengubah ukuran lebar
- height untuk mengubah ukuran tinggi
Kita bisa gunakan satuan px (pixel), atau % untuk persentase dari ukuran
asli.
<html>
<body>
<h1>Belajar HTML Image</h1>
<img style='width: 250px; height: 250px;' src="bikinbalik.png" alt="Logo Bikin Balik">
</body>
</html>
