Thursday, April 6, 2017

Memasukan foto di html

Belajar memanggil foto di html / memasukan foto di html /menambahkan gambar di html


kali ini admin bakalan bahas tentang html lagi nihh,,, kebanyakan orang malas untuk belajar coding , padahal coding dapat dipelajari dengan otodidak loh....


Gak percaya ?? , kalo gak percaya , langsung di coba aja ya, hahhahaha 

kalo di bayangkan, anda melihat sebuah halaman web tanpa gambar pasti menjenuhkan ya, karena itu jika ingin belajar membuat web, maka dasar nya dulu harus dipelajari, jadi kalo kita membuka sebuah web, dan berwarna-warni dan penuh akan gambar, pasti menyenangkan ya hehehhe...




langsung ke topik utama ya, kita akan belajar memanggil, atau memasukan sebuah foto di html, perhatikan source code nya :

<html>
<body>
<center><img src="a.png" width="600px" height="380px"></center>

</body>
</html>


penjelasan :

<html> -> ini adalah tag, yang berarti kita menggunakan bahasa pemograman html, di di tutup oleh </html>
<body> -> halaman body di html
<center> -> untuk mengatur agar foto kita menjadi di tengah nanti.
<img src=""> fungsi untuk memanggil file foto ataupun gambar
width -> mengatur lebar foto
height -> mengatur tinggi foto

*ekstensi file nya jangan salah, sesuaikan dengan foto/gambar anda (.png , .jpg, .jpeg dll)
*jangan lupa meletakan foto yang akan dipanggil di satu folder dengan file html nya ya...


berikut contoh outpuut :



EmoticonEmoticon