Membuat Scrept HTML untuk menampilkan Gambar di Web
Friday, November 1, 2019
Edit
Kali ini penulis memberikan tutorial lagi, Kali ini membahas tentang belajar membuat secrept dan menampikan gambar di HTML. Di simak baca biar paham ya guys. Silahkan..
Gambar di dalam suatu web page merupakan daya penarik bagi pengunjung suatu web site. Umumnya web site dilengkapi dengan gambar-gambar untuk membuat orang tertarik untuk melihat dan membaca isi yang ada di suatu web site. Setiap gambar akan butuh waktu tambahan untuk download dan memperlambat awal penampilan suatu dokumen dalam browser. Untuk itu perlu hati-hati untuk menyertakan gambar dalam dokumen web site. Untuk menyertakan sebuah image dalam dokumen web adalah <imgsrc="nama_image">.
Contoh:
Lokasi gambar : Memori/BelajarHTML/
Contoh:
<imgsrc="gambar.png" width="200px" height="100px" >
<imgsrc="gambar.png" width="200px" height="200px" >
<imgsrc="gambar.png" width="200px" height="200px" >
Hasil:
Atribut alt pada tag<img> menyediakan tempat untuk menampilkan teks pengganti gambar. Keterangan alternatif akan muncul jika kita menaruh mouse pointer di atas gambar agak lama atau ketika file gambar tidak tersedia.
Contoh:
<imgsrc="gambar.png" alt="Belajar HTML"
width="200px" height="200px" >
width="200px" height="200px" >
Hasil:
Memberikan border/bingkai pada gambar.
Contoh:
<imgsrc="gambar.png" border="3"
width="200px" height="200px" >
Lokasi Gambar : Memori/BelajarHTML/width="200px" height="200px" >
Hasil:
Mengatur gambar rata kiri (left), tengah (center) atau kanan (right).
Contoh:
<imgsrc="gambar.png" align="right"
width="100px" height="100px" >
width="100px" height="100px" >
Hasil:
Kesimpulan :
Sangatlah mudah sebenarnya jika teman-teman mau memahami dan menghafal fungsi2 untuk menampilkan gambar di atas. Untuk pembahasan "Membuat Scrept HTML untuk menampilkan Gambar di Web" Berhasil. semoga bermanfaat ENJOYYYY.