Cara Memasukan Gambar ke HTML


Image result for html background

Yezato~ Hai guys... apa masih ada yang bingung buat masukin gambar ke html? bingung skripnya?
oke disini saya akan membuat sebuah tutorial cara memasukan gambar ke html. Tidak hanya memasukan gambar disini juga kita akan mengatur lebar dan panjang dari gambar yang kita masukan dalam website yang kita buat.

Nah gak usah lama-lama ayo kita praktekkan..

Jadi langkah awalnya :


 1. Pertama siapkan text editor, bisa menggunakan notepad++,sublime text, atau text editor lainnya. Dalam memilih apliksi editor, pilihlah yang memudahkan kalian dalam menulis/membuat skirp html. 

Hasil gambar untuk notepad++Hasil gambar untuk sublime text logo



2. Kedua buat kode struktur html dan tulis kode untuk memasukan gambar seperti dibawah ini.
    <img src="1.jpg">(untuk mencari direktori gambar/tempat gambar itu disimpan)
    width dan height merupakan untuk panjang dan lebar.

    Dibawah ini merupakan direktori gambar yang kita masukan.

3. Ketiga setelah selesai jangan lupa simpan file berekstensi .HTML. Kemudian kita uji hasil yang kita buat.



Mungkin disini saya tidak akan membuat tutorial yang lebih panjang dan hanya untuk memasukkan gambar Jika kalian ingin membuat gambar kalian ketangah, fullscreen, diborder, atau disliding maka belajar variasikan skrip kalian sendiri dan cari lebih banyak tentang tutorial-tutorial html. sekian dari saya terima kasih.

0 comments: