belajar html level 4

hai  hari  iini saya akan menjelaskan  tentang menambah atau memasuakan gambar pada tampilan html yang kita buat dan cara menambah background pada httml
seperti biasa sebelum memulai siapkan bahanbahan nya
dulu cukup satu file html  untuk praktek kali ini

buat dulu satu file html dangan nama latihan4.html

lihat gambar diatas anda cukup fokus pada <img src ="alamatgambar" alt width>
jangan sampai keliru antara src dan scr saya pernah ngalamin itu ,dan jadi binggung
usahakan pastikan file directory dari gambar dan file html nya sama jangan di folder lain
dan hasilnya sperti dibawah

udah sukseskan bila udah muncul gambar nya 

dan lanjut sekarang menambah background nya

Membuat background :

 kita hanya akan mengedit file tadi saja

dan seperti dibawah adalah code untuk menambah background nya 

dari code diatas adalah fungsi untuk menambah background dengan warna saja untuk yang background gambar beda lagi caranya
dan ini hasil nya

selanjutnya adalah membuat background nya dengan gambar dan pastikan anda sudah punya gmabar yang akan dipilih 

cukup ganti saja code nya menjadi sperti dibawah :

dan hasilnya adalah seperti dibawah ini:

cukup itu sekian terimaksih ,memang simple untuk anda yang sudah bisa namun sangat membantu untuk yang mau belajar

Bagikan Artikel ini