Gambar pada pada sebuah dokumen merupakan hal yang penting, karena akan sangat terasa rancu jika sebuah halaman web tidak memiliki elemen-elemen gambar (image) pada tampilannya. Berikut cara untuk memasukan gambar pada dokumen HTML:
<img src="/data/img/logo-small.jpg" />
Atribut src merupakan
bagian utama dari peletakan gambar, karena jika kamu salah memasukan alamat
gambar maka gambar akan error (pada browser chrome) atau tidak nampak sama
sekali (browser firefox).
Jika kita tidak menentukan ukuran width dan
height-nya maka secara otomatis biasanya browser menampilkan sesuai dengan
ukuran asli dari gambar tersebut
Mengubah Ukuran Gambar pada Image HTML
Kamu juga bisa
mengubah ukuran gambar pada dokumen HTML tanpa perlu mengubah ukurannya
menggunakan program editor gambar:
<img
src="/data/img/logo-small.jpg" width="500"
height="300" />
Info:
Width merupakan ukuran lebar gambar (kanan ke-kiri) dalam ukuran pixel (px)
Height merupakan ukuran tinggi gambar (atas ke-bawah) dalam ukuran pixel
(px)
Gambar di dalam Teks Paragraf
<p>
Mari
kita belajar pemrograman Web!
</p>
<img
src="/data/img/logo-small.jpg" />
<p>
Untuk membangun
developer - developer yang handal dan berguna bagi Indonesia
</p>
Tutorial HTML Halaman 9
Artikel Terkait:
Tidak ada komentar:
Posting Komentar
Silahkan isi komentar Anda pada kolom komentar di bawah ini atau dengan kolom komentar Facebook pada bagian atas ini.
Berkomentarlah dengan sehat! Dilarang membuat komentar dengan isi yang mengandung spam, sara, pornografi, politik, iklan, dan diluar norma yang berlaku. Thanks.