Cara Menampilkan Gambar dengan HTML

Cara Menampilkan Gambar dengan HTML

Bahan yang dibutuhkan tetap sama seperti kita membuat html sebelumnya yaitu :

1.      Text Editor (notepad, notepad++, Sublime, atom, dll)

2.      Web browser (Mozilla, google chrome, safari, opera, dll)

Berikut langkah – langkah nya

1.       Buka script code yang sebelumnya supaya kita mudah untuk mempelajarinya

2.       Lalu tambahkan script <img =”nama gambar”>

NB : gambar harus ditaruh di dalam satu folder yang sama dengan file index.html

Nama gambar bisa diganti dengan link apabila kita ingin menampilkan gambar dari google seperti dibawah ini 

                            

                        Apabila gambar berada di folder yang berbeda makan sriptnya seperti ini 

Folder diganti dengan nama folder dimana gambar kalian berada

3. tambahkan alternatif apabila nnti gambar tidak muncul dan akan diganti dengan 

    tulisan

4. tambahkan alternatif apabila nnti gambar tidak muncul dan akan diganti dengan 

    tulisan (alt="Tulisan apabila gambar eror")

5. tambahkan ukuran supaya gambar yang kita inginkan bisa tambil dengan bagus

     

6. Kemudian klik save dan buka di browser. Dan akan muncul gambar yang kita akan buka tadi

itulah cara cara untuk menampilkan gambar dengan HTML