Cara memasukan gambar di html


Perintah untuk memasukan gambar di html yaitu menggunakan <img src=".

Menyisipkan gambar di sebelah kiri text


<p><img src=”#” style=”float:left;” />tulisan nya di sini</p>

Keterangan : ganti tanda # dengan url gambar anda dan tulisan nya di sini isi dengan artikel yang akan anda tulis.

Contoh :

<p><img src=” https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLYb_yvC1V6g8JVchK_5-Kd7vumxIqtEG9SULPjmAlmBIdRWh-HuzwRR2izgwQMrIOUtMrOdjBs3HOffY8a0sNbTM-RIQUbom0adbjs6RYTN0kj0b91MJRyCh4eRbdJyTyFGOyZF5N0JE/s320/20171118_131527.jpg ” style=”float:left;” />Belajar html dasar di cara gery</p>

Jika ingin menyisipkan nya ke dalam kotak ,seperti ini :

<div style="border: 3px #1669aa Solid; padding: 10px;background-color:#ffffff; text-align: left;"> <p><img src=” https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLYb_yvC1V6g8JVchK_5-Kd7vumxIqtEG9SULPjmAlmBIdRWh-HuzwRR2izgwQMrIOUtMrOdjBs3HOffY8a0sNbTM-RIQUbom0adbjs6RYTN0kj0b91MJRyCh4eRbdJyTyFGOyZF5N0JE/s320/20171118_131527.jpg ” style=”float:left;” />Belajar html dasar di cara gery</p> </div>

Keterangan : jika posisi gambar nya ingin berada di sebelah kanan maka ganti perintah "left" menjadi "right".

Selengkap nya : Belajar dan mengenal perintah HTML klik di sini


Menggunakan pwrintah "left" :

maka akan seperti ini ,gambar berada di kiri








Menggunakan perintah "right" :

maka akan seperti ini ,gambar berada di kanan


Lebih baru Lebih lama