Menampilkan gambar pada HTML - Ngaji Coding

Breaking

Home Top Ad

Responsive Ads Here

Post Top Ad

Responsive Ads Here

Selasa, 22 September 2015

Menampilkan gambar pada HTML

Dalam berselancar atau surving dunia internet, kita tentu tak bisa lepas dari website. Sebuah website biasanya menyediakan informasi, data atau berita yang disajikan secara humble sesuai dengan apa yang pengguna cari. Dalam penyajianya tentunya terdapat teks,audio,image maupun video yang biasa ditampilkan. Nah dalam postingan kali ini, saya akan membahas tentang bagaimana cara memasukkan gambar / image ke dalam browser. Tentunya kita menggunakan bahasa pemrograman web yaitu HTML. Gambar biasanya dimasukkan untuk memberi efek yang lebih bagus pada suatu web. Dan tipe dari gambar itu sendiri ada bermacam-macam, ada yang berekstensi jpg,jpeg,png maupun ekstensi yang lainya. Jadi dalam memasukkan gambar itu harus sesuai dengan ekstensi gambar yang dimaksud.

Bisa dibayangkan bagaimana jadinya kalau sebuah web tidak disertai dengan  gambar. Pasti banyak orang yang merasa bosan ketika mengunjungi web tersebut. Dan bagi pelaku Internet Marketer , ini merupakan suatu kerugian besar karena mengurangi jumlah visitor yang masuk ke web. Gamabar yang menarik bisa jadi pemicu seseorang untuk betah-betahan pada web kita. Jadi sebagai pertimbangan, ketika kita akan memasukkan gambar dalam web kita, pastikan gambar kita adalah gambar yang relevan dengan tema pembahasan web dan usahakan tampilanya menarik. Ok, sekarang kita berkenalan dulu dengan tag HTML untuk memasukkan gambar. Dalam bahasa Inggris, gambar = image. Jadi nggak salah lagi kalau perintah memasukkan gambar adalah dengan menggunakan image [disingkat img]

<img src="nama gambar" height="ukuran tinggi" width="ukuran lebar>

Nah itu dia perintahnya, sangat mudah bukan? Dalam perintah di atas, sudah pasti img mendefinisikan image. Sementara src mendefinisikan source atau sumber darimana gambar berasal. Kemudian sudah jelas kalau height itu untuk mengatur ketinggian gambar dan width untuk mengatur lebar gambar.

Kita coba saja ke praktik, kita akan memasukkan gambar bernama gambar.jpg [ ingat ekstensi jpg ]

<html>
<head><title>Memasukkan Gambar</title>
</head>

<body> Hari ini saya memasukkan gambar , ini gambarnya <br>
<img src="gambar.jpg" height=100 width=200>
<br>
Itu dia gambarnya muncul </body>
</html>

Jika Anda berhasil, maka tampilanya adalah seperti ini :

Jangan lupa, pastikkan peletakan gambar harus satu folder dengan file html di atas.

Dan harap cermat, biasanya memasukkan src [source] tertukar dengan scr.

Itulah cara sederhana menampilkan gambar pada HTML. Mungkin sampai di sini, Anda bisa mengkolaborasikan tentang apa yang telah saya post sebelumnya bahkan Anda seharusnya Anda bisa mengeksplore kemampuan jauh dari yang telah saya posting. Saya posting ini barangkali ada yang butuh info tentang bagaimana memasukkan gambar pada HTML. Sekian postingan kali ini sampai jumpa di postingan selanjutnya. Satu kalimat terakhir, ~Terus mencoba dan jangan pernah menyerah~

Post Bottom Ad

Responsive Ads Here

Pages