Cara Menyisipkan Gambar di HTML

Assalamualaikum wr.wb

Selamat pagi sobat blogger, tahun baru semangat baru semangat posting juga baru seperti admin ini hehehe. Pada kesempatan kali ini admin akan berbagi tutorial menyisipkan gambar pada dokumen html, sebelumnya kita telah belajar membuat halaman website sederhana menggunakan html di catatan yang lalu yaitu membuat halaman website sederhana

Oke pertama kita buat folder dulu di komputer kita namanya belajar html kemudian kita buka text editor admin sarankan menggunakan notepad ++ walaupun menggunakan notepad biasa juga bisa, dengan notepad ++ kita lebih mudah dalam menemukan kesalahan penulisan, silahkan kalau mau download bisa kunjungi link ini

Kemudian kita buka notepad ++ dan kita tulis script seperti berikut

<html>

<head><title>Belajar Menyisipkan Gambar di HTML</title></head>

<body>

Latihan Menyisipkan Gambar

<br><img src="keretaapi.png" width="300" height="225">

</body>

</html>

Kemudian simpan di folder belajar html namanya latihan menyisipkan gambar kemudian pada save as type kita pilih html seperti gambar berikut

Script yang admin tebalkan itu merupakan script untuk menyisipkan gambar dan letaknya di antara tag body

<img src="keretaapi.png" width="300" height="225"> artinya kita menyisipkan gambar dengan nama keretaapi dengan ekstensi png, lebar 300 pixel dan tinggi 225 pixel, oiya dalam menuliskan sumber gambar harus sesuai dengan nama gambar yang akan di masukan dan juga ekstensi file gambarnya juga ditulis.

Kemudian kita copykan gambar di folder belajar html, karena akan memudahkan pembacaan gambar sehingga gambar bisa tampil